IE下中英文字体混排时之对不齐问题
我受这个问题困扰已久。之前站点的正文中如果出现中英文混排，就会出现中英文对不齐现象，如果是超链接里中英文兼有，则会出现下划线折行，严重影响美观，当然Firefox等标准浏览器没有此问题,IE7以上也无此问题。后来将内容所在容器增添vertical-align:middle，问题解决了。可最近在站点左列加入牛人指点栏目时，下面中英文混排的内容再现对不齐现象，用以前的方法也不能解决。
IE下中英文混排 对不齐现象
查阅诸多资料，疑惑逐渐解开。当中英文对象的相邻元素或者父元素拥有vertical-align(当然可能还有更多的情况)属性设置时，那么IE下就会出现中英文对不齐现象。
第一种情况：就是临近元素的vertical-middle导致的无法对齐的偏差问题解决方案：给中英文对象加一个zoom:1，触发它的haslayout,通过研究发现一旦它有了haslayout之后，中英文就不会对不齐。
第二种情况就是父元素的vertical-middle导致的无法对齐的偏差问题解决方案：给中英文对象加上vertical-align:baseline即可解决！
问题解决后 中英文对齐
如果您碰到其他情况的中英文对不齐的情况，那么也可以尝试使用上述两种方法来解决。当然最保险最有效的莫过于就是直接中英文都统一使用宋体。
原创文章如转载，请注明：转载自蓝色骑兵 [ http://www.wkeke.cn/ ] 本文链接地址：http://www.wkeke.cn/archives/ie-chinese-english-dislocation/
相关文章
2 个牛人指点过：
请牛人赐教：
很强大，支持一下！！
Cool,总结的很好啊！