昨天算是做了一个在线笔试,其中一题“使用 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>
啊……啊……