╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇网站建设&Web语言 → IE下中英文混合的链接下划线不对齐bug


  共有18840人关注过本帖树形打印复制链接

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

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
IE下中英文混合的链接下划线不对齐bug  发帖心情 Post By:2012/12/31 17:07:23 [只看该作者]

摘自:

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;}



  
平面设计、网站建设、三维动画、视频制作 联系QQ:114103945  回到顶部
美女呀,离线,留言给我吧!
admin
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
  发帖心情 Post By:2012/12/31 17:08:11 [只看该作者]

如果css里写了font:"宋体";好像也无效果的,如果改成font-family:"宋体"; 好像就可以了


  
平面设计、网站建设、三维动画、视频制作 联系QQ:114103945  回到顶部