日期:2014-05-17  浏览次数:20678 次

关于css中font的一些问题...
使用Verdana 字体时,li元素会在FF下会产生2px的padding-top,IE则不会。。怎么解决?


HTML code

*{font:12px Verdana;}
ul{width:200px;height:30px;border:1px solid #FF0000;}
li{width:100px;height:20px;border:1px solid #000;}

<ul>
<li>看看吧</li>
</ul>




------解决方案--------------------

以前都没有发现有这个问题,不过+了line-height后,效果会好些。IE 6-7 的话,倒是有些问题。 FF 和 IE8倒是没有区别了。也许是浏览器的默认样式的原因吧。
------解决方案--------------------
你设置的字体是Verdana,是英文类字体。你<li>里面的字是中文字。FF下就不会使用Verdana字体,采用默认的字体,所以解析不一样,如果里面是英文的话应该是一样的。(很抱歉我没有实际验证过,仅供参考。)