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