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

Question

我有一个分页栏，用来保存页面项目。并且我们的应用程序必须支持i18n。然后我们发现，在显示中文时，文本无法按预期对齐。

Example here.

这是ff和ie6的结果。

请注意，在IE6中，下一页 li不能与其他li对齐。有什么问题吗？

Answer 1

对于旧版本的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上仍然会有问题，因为它经常安装在没有中文支持的情况下。由于缺少合适的字体，安装了IE6的开箱即用PC用于将中文字符显示为小矩形。

Answer 2

更改自：

.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;
}

Answer 3

.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