IE6/7下font-size:0无效的解决方法
发布时间：01/15 来源： 浏览：
关键词：
可能会有些朋友发现如果我们在ie6或ie7浏览器把div字体设置为0好像是不会有效的，下面我来介绍具体解决IE6/7下font-size:0无效方法。
现IE6/7浏览器font-size:0而文字不为0的情况，页面运行时标题的文字变成了小黑点状。
IE6 下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 DIV 的时候， IE6 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:5px; 来定义了一个 DIV 的高度，实际在 IE6 下显示的仍然是一个 12px 左右高度的层
解决办法一
要解决这个问题，可以强制定义该 DIV 的字体尺寸，或者定义 overflow 属性来限制 DIV 高度的自动调整。比如:
| 代码如下 | |
|
<div style="height: 5px; font: 0px Arial; line-height:0;"></div> 或者 <div style="height: 5px; overflow: hidden;"></div> |
|
值得注意的是，设置 font-size:0 时这个容器的高度最小为 2px ，如果要设置 DIV 高度为 0 或 1px ，则需要使用 overflow:hidden; 来实现。
解决办法二：
1，设置line-height：0；
2，text-indent:-9999em
总结
使用了line-height:0来解决IE6/7浏览器的小黑点问题，也可以使用第二种方法text-indent:-9999em来解决小黑点问题。
