li 标签换行对样式的影响

昨天算是做了一个在线笔试,其中一题“使用 inline-block 实现一个图片列表,要求兼容A级浏览器(差距1px内)”,然后发现IE6和其他浏览器出现以下差距:

图片坏了…

因为说可以百度Google打电话问朋友,更因为没有使用过 inline-block ,所以很快我找到了这篇 跨浏览器的inline-block,呵呵,代码都没测试就发过去了,比较杯具。后来对方问我产生着问题的原因,当然我是不知道的,我问他,原来是这样子……

原来的代码有换行,如下:

<ul>
<li></li>
<li></li>
<li></li>
</ul>

去掉换行,如下:

<ul>
<li></li><li></li><li></li>
</ul>

啊……啊……