在IE和Chrome中均匀对齐文本

时间:2010-05-18 04:59:47

标签: css cross-browser google-chrome internet-explorer

<style type="text/css">

h2{

font-size:13px;
line-height:16px;
color:#000000;
margin:0;
padding:6px 22px;
font-family: 'Times New Roman';
}

div{
border:1px solid black;
}

</style>

<div>
<h2>
様々なツールを使</h2>
</div>

在此处粘贴上述代码:http://htmledit.squarefree.com/ 您会看到IE中div的文本比Chrome中的文本高一点,我想让它们保持一致。

通过在IE中的&nbsp;内的文字后添加<h2>,文字会自动向上移动,这与Chrome一致。但我不太喜欢这个黑客,所以我想知道是否有人知道这是什么问题,并建议一个更好的方法来解决它。如果可能的话。

非常感谢大家。

注意:如果文本仅为英文,则不会出现此问题。

2 个答案:

答案 0 :(得分:1)

您使用的是哪个版本的IE?在IE8中看起来与我非常相似。

答案 1 :(得分:1)

我已经通过Chrome,IE7和& IE8,它们看起来都一样(我甚至删除了身体的边距,只是为了确定,并在不同的Windows之间进行了更改)。

什么版本的IE&amp;你在用Chrome吗?您确定两个浏览器都使用相同的字体来显示文本吗? (对于因某种原因配置的亚洲符号,它们可能具有不同的默认字体,如果Times New Roman字体不包含这些字符,将使用这些字体。)

在OS中配置字体抗锯齿的方式也会影响文本的流量和布局(至少在XP中,IE总是使用ClearType,无论您在Windows中配置了什么)。