事情要追溯到三天前，我重构一个网页，然后出现这样一个需求。这个需求简述如下：要求有一行表单，分成三列，左右各是一个按钮，中间有个链接；这个链接文字的高度和宽度都是固定的，而整行的宽度不固定，要求被两个按钮平分。
这很明显是个自适应的案例。我想了想决定这么干，让中间的按钮绝对定位，俩按钮用层包裹平分这个宽度，然后分别在第一个层的右边、第二个层的左边留出空白，用来放置链接，搞定。
抽出来一个测试案例，就是如下的网页：
小菜一碟，手到擒来！！
然后我在Chrome里面预览……
……
我仔细瞄了瞄总宽度。没错啊是700像素……
我又仔细看了看俩层的宽度……
明明都是350像素啊，加起来就是700像素啊，1个像素都不多出来为毛要换行啊！！！！！
既然是换行那自然是因为太宽了。。虽然我还没明白到底哪里宽了。先把50%改成49%吧，这样总宽度占用98%，还留了点空白。
……
你妹，这样就不换行了。可是你让我到哪里去找太宽了啊！350加350不就是700吗？！
他们说49就49好了，差那么几个像素没事的。可是这里心里别扭啊，总觉得他娘的不爽。强迫症吗？可是我就是想知道为什么啊！！
于是我开始翻箱倒柜地查，删掉中间的绝对定位，挪位置，换内容测……
折腾了一天一宿后特么的还是换行……
终于有次我开始测试，把左侧的div加上浮动后，发现就不换行了……
这就解决了吗难道！
可是他们说这是绕开了问题而不是解决了……
好吧这确实就是绕开了……
于是我又开始折腾找原因。为了确定不是页面其它地方问题的关系，我重构了一个页面专门测试。
……果然特么的还是换行了……
我继续调！
看宽度……
再看……
再看……
调49%……
我勒个去。。。难道就真的只能49了吗？！
你让我这强迫症患者心里怎么受得了！你们这些div想过我的感受吗？！
……正在准备砸电脑的时候突然瞄见这个……
哎我去，这里的空白是肿么回事！这俩div不是并列的吗！俩都没有margin怎么会有空白！！！！
看到这里，我倒吸了一口凉气。
我去这是一个问题没搞定又被我搞出一个问题了吗……
等下……我转念一想，难道就是因为这里的空白导致的换行了吗……可是他妹的这里的空白到底是肿么出来的啊！！！
这时候一位扫地大妈从我身边扫地而过，瞥了一眼我的屏幕，然后说，你的源码中俩div中间有换行有缩进……
我：
把中间的换行删掉后，尼玛果然就不换行了……
我去不带这样玩人的啊！！！！
下面这幅图你能看到源码有任何差别嘛？
……其实差别就是俩div之间没有了换行符直接紧挨着了……
……
我说你们还能再坑爹点儿么……
本日志备份自 QQ 空间，原文地址：http://user.qzone.qq.com/286495995/blog/1382382990。
感谢阅读本文，欢迎扫描下方二维码关注鱼的公众号（微信内长按识别哦） 
忍不住让我笑会。。。。
呵呵，基本的html知识啊，标签外不要留空，更不用说回车换行了，sourcecode要well formatted，最好在标签内部进行。你用vs直接设置文档格式，看看vs对html是怎么排的……
不过话说我也曾经被坑过……
标签内换行实在难看。VS默认的格式就是缩进的。除非手动删掉所有的空白换行。与此如此难看还不如不用。明明是格式化的文档，写得跟压缩过似的。
vs的格式化确实很难看，同感。
你的rdb工具挺好用的，有个问题，我在做一个clickonce的winform程序，rdb解压可以在内存里完成吗？相关算法能不能给一下呢？不胜感激……
可以，回头我发个源码吧。
PS，这个inline-block还有一个问题，就是之间的空格虽然影响显示，但是调试的时候完全不会显示出来（Chrome的开发者工具树状图），所以带来的影响非常隐蔽。
display:inline-block;很好理解呀
比如说
ss 显示出来就是紧挨着 ss
s[回车]s 显示出来就是 s s:-)
不管博主被折腾的怎么样，但我实在佩服你的文章啊， 好有趣的孩纸 —-赞一个～
这强迫，真心佩服
这是因为inline-block的原因。其实有多种方式，一种是楼上所说，去掉标签之间空白，二是父元素font-size为0，然后子元素再重设回来。
技术宅惹不起啊…
[em]e328557[/em] 原来 我哪叫强迫症啊！！
@[em]e328293[/em]bboy 酱：也可以说是偏执吧。算是一个好事。
我是你的女朋友啊
这其实是左手和右手的故事
@尊敬的神：这才是那么晚才睡的原因~~~
@尊敬的神：左手和右手？虾米说
这么晚了，注意身体啊！
路过……
好深奥的样子~
刚问了个朋友，他说inline 和inline-block不能忽略两端的换行的，会留空格[em]e103[/em]
css掌握的不错嘛，而且大妈还这么厉害，搞不懂为啥用float是绕开了问题，源代码换行还能在页面上体现啊，真心没测过[em]e109[/em]，这岂不是源代码全部要格式化成一行，倒是省流量哈哈
[em]e103[/em] 表示很愉快地学习了….
阅！以后我可不能犯你这错误。
这夜猫