日期:2014-05-17  浏览次数:20676 次

中英文基线的问题
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吧。相对来说,改字库反而简单些。当然,除非你使用可嵌入网页的自定义字库,否则也不可能去改所有用户的字库。

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