深山老林

版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://forest.blogbus.com/logs/8094633.html

今天在做东西的时候不小心发现了由于定义了text-indent而引起的宽度问题，主要是定义了首页行缩进后宽度受影响。于是去群里问了一下，还是有收获的。豆豆猫提供了一个例子《IE显示宽度和高度的问题》，主要是说li奇、偶数时显示不同的问题，虽然他只是觉得这个Demo很奇怪，但后来我发现这个例子中的问题也是由于text-indent引起的，所以在这里也感谢豆豆猫，让我少走了不少路。

OK，相信大家也很想知道到底text-indent会引出什么bug，注意哦，在IE中才会出现。正常的情况下，定义首行缩进应该是不影响到宽度的，但从上面那个例子里可以看到，偶数列样例2（IE6下）的宽是比其它列要宽的。

问题很简单，我们以样例5为最终效果，让偶数列和奇数列两边的效果一样，重新做一次就知道了。具体看这里，看完你应该已经知道，text-indent会引起的问题还大的，因为我们还没有很好对付它的办法。所以，当遇到这种问题时，最好还是使用padding吧，至少还有解决方案。-_-||