-
版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
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吧,至少还有解决方案。-_-||
随机文章:
[原]清除浮动最简单的方法 2007-07-12[原]用属性选择符来解决IE跟FF的兼容性问题 2006-04-24[原]背景半透明效果 2007-08-08[原]二栏宽高自适应布局 2007-06-04[原]CSS书写顺序 2007-05-15
收藏到:Del.icio.us
引用地址:








