关于IE下英文字体跟中文字体不能对齐的根源以及解决办法

转载 2011年01月24日 11:13:00

 

问题描述:

在IE下当一行文字同时有英文跟中文的时候,链接下划线就会发生折行,也就表示这个时候中英文是没有对齐的!(FIREFOX不受此问题影响)


  但是经过测试,默认的直接在页面里设置链接的时候是不会出现这个情况的!  


  那么疑惑又来了,是什么导致了中英文偏差呢?!解决办法又是什么呢?!
解决方法:
于是经过我测试发现两种情况(当然有可能有更多导致的情况。你们可以自己去尝试),当中英文对象的相邻元素拥有vertical-align属性设置(比如前面一张小图片,或者文本框,我们需要把他们垂直对齐,一般都会给图片,文本框(其他任意内联块元素)设置vertical-align:middle;来实现)的时候,那么就会影响到中英文的不对齐。

    还有一种情况就是父元素(表格除外)拥有vertical-align属性设置的时候,里面的子元素中英文也会对不齐。

  怎么解决这个问题呢?!

  先说第一种,就是临近元素的vertical-middle导致的无法对齐的偏差问题解决方案:

  给中英文对象加一个zoom:1触发它的haslayout,通过研究发现一旦它有了haslayout之后,中英文就不会对不齐。

  第二种情况就是父元素的vertical-middle导致的无法对齐的偏差问题解决方案:

  给中英文对象加句vertical-align:baseline就可以解决!

但是我们可以看到,下划线好像贴的过紧,这个时候我们依然还需要给它加句zoom:1;触发它的hasLayout来避免过紧贴合!。

  如果您碰到其他情况的中英文对不齐的情况,那么也可以尝试使用上述两种方法来解决。当然最保险最有效的莫过于就是直接中英文都统一使用宋体。

相关文章推荐

NetBeans IDE 7 中使用英文字体中文变方块的解决办法

原文地址:http://ihacklog.com/software/development-tool/netbeans-ide-7-font-config-for-chinese.html ...

NGUI使用自定义的中文字体??解决办法1!!

这里我就粗略的说一下,因为答应一个朋友说要写这篇教程来着,昨晚加班也给忘记了,现在给补上~ 首先我这里共享一份3500字的常用汉字压缩包文件,方便下载,当然了,群里面也有共享哈。 http...

Eclipse 3.7 中文字体太小解决办法

作者:云海拾贝 地址:http://hi.baidu.com/lovearuis/blog/item/2316fd129caccd1b5aaf53b0.html   升级到3.7Eclips...
  • vfloyd
  • vfloyd
  • 2012年03月20日 23:19
  • 445

Eclipse 3.7(代号Indigo) 中文字体太小解决办法

原文链接http://hi.baidu.com/lovearuis/blog/item/2316fd129caccd1b5aaf53b0.html升级到3.7Eclipse最直观的反映就是,中文怎么那...
  • lee576
  • lee576
  • 2012年06月24日 22:55
  • 1792

【ttf 压缩】html网页引用中文字体,文件过大,加载缓慢的解决办法【字蛛】【web font】

【以下有部分内容引用的网络文章】 我们在日常需求中,经常会碰到视觉设计师对某个中文字体效果非常坚持的情况,因为页面是否高大上,字体选择是很重要的一个因素,选择合适的字体可以让页面更优雅。面对这种问题...

Eclipse界面中文字体显示过小问题的解决办法

平时使用Eclipse或者基于Eclipse的ADT等工具时,不管是英文原版还是汉化版本,总会遇到显示中文字体过小的问题。当然Eclipse中还是提供的有设置整个平台字体显示的选项的,在设置中的“Ap...

Ubuntu下 Firefox 英文字体发虚,不清晰解决

说明:一、本文引用自:http://www.builder.com.cn/,如果引起火星碰撞地球,您的系统崩溃,火狐与google火拼等情况,请与原作者联系,与本人无关;二、本人的Ubuntu版本号为...

mysql 不能插入中文的解决办法,修改mysql的字符集,操作见蓝色字体部分.doc

二 . 的启动与停止 停止MYSQL用于查找后面的端口是否存在 3 . 即使用 MYSQL COMMEND LINE TOOL      进入MYSQL或\s 显示所有数据库 : show ...
  • zgp
  • zgp
  • 2014年09月05日 09:13
  • 308

mysql 不能插入中文的解决办法,修改mysql的字符集,操作见蓝色字体部分 .

一 . 安装与配置MYSQL二 . 常用mysql命令行命令1 .mysql的启动与停止启动MYSQL服务 net start mysql停止MYSQL服务 net stop mysql2 . net...
  • ynztpwl
  • ynztpwl
  • 2011年07月12日 15:56
  • 898
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于IE下英文字体跟中文字体不能对齐的根源以及解决办法
举报原因:
原因补充:

(最多只允许输入30个字)