CSS HACK收集:关于IE6/FF/google等浏览器hack的方法详细( 三 )


24、文本重复Bug
在IE6中,一些隐藏的元素(如注释、display:none;的元素)被包含在一个浮动元素里,就有可能引发文本重复bug 。解决办法:给浮动元素添加display:inline; 。

25、IE6下 行高 line-height实效,甚至变成两杯行高

这需要ie6 的hack 减少对象一半行高

另:在ie6中,当文字和img、input、textarea、select、object等对象在同一个容器中的时候,line-height属性失效 。只有全文字时,line-height属性才有效 。
解决方法:
在其中一个非文字的对象的样式中增加:

复制代码代码如下:
margin: (容器的line-height - 对象本身的高度)/2px 0;02.
vertical-align: middle;

推荐阅读