中英文基线的问题
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吧。相对来说,改字库反而简单些。当然,除非你使用可嵌入网页的自定义字库,否则也不可能去改所有用户的字库。
简单说,这个问题就这样放着吧。就这样了。不是大问题。盯小问题的时候,往往把大问题倒忽略了。