中英文基线的有关问题

中英文基线的问题
CSS部分

CSS code

.a1{     font-family: Tahoma, simsun, sans-serif;    font-size: 12px;    height: 20px;    line-height: 20px;}.a2{     font-family: Tahoma, "MS PGothic", "MS Gothic", "MS PMincho", "MS Mincho", sans-serif;    font-size: 12px;    height: 20px;    line-height: 20px;}div{     padding: 0px 12px 0px 12px;    float: left;}

html部分

HTML code

<div class="a1">我思</div><div class="a1">Fag1~</div><div class="a1">Fag1~我思</div><div class="a2">攻で</div><div class="a2">Fag1~</div><div class="a2">Fag1攻で</div>

在其他浏览器下正常，在IE8下会出现基线对不准的情况，如下图

请问怎么解决?
由于有“~”,请不要告诉我这样的解决办法，font-family: simsun;

谢谢各位。

[解决办法]
这就是不同浏览器对字库文件中英文基线处理的差别。你总不能改IE吧。相对来说，改字库反而简单些。当然，除非你使用可嵌入网页的自定义字库，否则也不可能去改所有用户的字库。

简单说，这个问题就这样放着吧。就这样了。不是大问题。盯小问题的时候，往往把大问题倒忽略了。

查看更多 下一篇