IE 下中英文混合的链接下划线不对齐 bug

PHPABC CSS 751 次浏览 , , 没有评论

有一次项目开发中,发现的这个问题,当时觉得很奇怪,后来baidu一下,发现是字体没有设置,或者设置成一种不常用字体。

解决方法:

1、vertical-align:baseline;zoom:1;
2、或者默认字体全部设置成“宋体”;

同理,有时在IE6下,设置字体为Verdana时数字和中文对不齐。

出现这种情况的前提条件是:
1、你使用的IE6.0或更低版本的浏览器;
2、你使用了“Verdana”这种英文字体;
3、你需要水平排列列表项(例如用来做横向导航菜单的时候);
4、你需要设置该列表项的字体大小;
5、你的其中一个列表项包含英文或阿拉伯数字(都包含英文时,这个问题不存在)

案例:250934756,欢迎你光临
解决方案:span.welcome{_vertical-align:baseline;}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

Go