IE6中不同语言的文本对齐方式不同

我有一个分页栏，它包含页面项目。我们的应用程序必须支持国际化。然后我们发现文本在显示中文时无法按预期对齐。IE6中不同语言的文本对齐方式不同

这里是ff和ie6结果。

请注意，在IE6中，下一页li无法与其他li对齐。问题是什么？

2012-10-12 hguser

的标记，特别是造型是旧版本的IE太复杂，并试图修复风格往往会导致进一步的复杂化和不健全的解决方案。所以，如果你宁愿解决问题不是“做正确的事情”，这里的标记中一个可靠的方法：

<table align=center class=page> 
    <tr> 
     <td><a href="...">Next</a> 
     <td><a href="...">1</a> 
     <td><a href="...">下一页</a> 
</table>

这可以很容易地进行微调关于填充，字体，颜色等，在CSS .. ..

您在IE 6上仍然会遇到问题，因为它经常安装时没有中文支持。由于缺少合适的字体，使用IE 6的现成PC用于将中文字符显示为小矩形。

来源

2012-10-12 07:37:11

你能告诉我哪种风格很复杂吗？ – hguser

变化来自：

.page li 
{ 
    display: inline; 
    list-style: none outside none; 
    margin: 0; 
    vertical-align: top; 
}

到：

.page li 
{ 
    display: inline; 
    list-style: none outside none; 
    margin: 0; 
}

来源

2012-10-12 07:05:50 Fr0zenFyr

IE的另一个问题是，如果你注释掉该行（前面的'＃'），它仍然会读取参数。它是一个愚蠢的错误。所以删除行而不是评论它。 – Fr0zenFyr

在XP虚拟机中的IE 6上测试时无效。 –

.page ul 
{ 
    margin: 0; 
    padding: 0; 
    text-align: center; 
    line-height:40px; 
} 
.page li 
{ 
    display: inline; 
    list-style: none outside none; 
    margin: 0; 
    line-height:40px; 
} 
:first-child + html .page li a 
{ 
    margin-right: 0px; 
} 
.page a, .page a:visited, .page a:active 
{ 
    border: 1px solid #9AAFE5; 
    color: #2E6AB1; 
    padding: 5px 0.5em; 
    text-decoration: none; 
    line-height:40px; 
    vertical-align:bottom; 
}

jsFiddle

来源

2012-10-12 07:21:36 Afshin

IE6中不同语言的文本对齐方式不同

回答

相关问题