读书人

关于css中font的一些有关问题.

发布时间: 2012-04-01 17:23:46 作者: rapoo

关于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字体,采用默认的字体,所以解析不一样,如果里面是英文的话应该是一样的。(很抱歉我没有实际验证过,仅供参考。)

读书人网 >CSS

热点推荐