以文本方式查看主题

-  ╋艺 镇╋  (http://wdystv.com/bbs/index.asp)
--  ┣◇网站建设&Web语言  (http://wdystv.com/bbs/list.asp?boardid=4)
----  IE下中英文混合的链接下划线不对齐bug  (http://wdystv.com/bbs/dispbbs.asp?boardid=4&id=3691)

--  作者:admin
--  发布时间:2012/12/31 17:07:23
--  IE下中英文混合的链接下划线不对齐bug

摘自:

http://blog.conshare.com/index/detail/id/3

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

解决方法:

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

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

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

案例:<span class="welcome" style="font-family:Verdana;">250934756,欢迎你光临</span>
解决方案:span.welcome{_vertical-align:baseline;}


--  作者:admin
--  发布时间:2012/12/31 17:08:11
--  
如果css里写了font:"宋体";好像也无效果的,如果改成font-family:"宋体"; 好像就可以了