Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html IE6中不同语言的文本对齐方式不同_Html_Css_Cjk - Fatal编程技术网

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

Html IE6中不同语言的文本对齐方式不同,html,css,cjk,Html,Css,Cjk,我有一个分页栏,它保存页面项目。我们的应用程序必须支持i18n。然后我们发现,在显示中文时,文本无法按预期对齐 这是和的结果 请注意,在IE6中,下一页li无法与其他li对齐。有什么问题吗?更改为: .page li { display: inline; list-style: none outside none; margin: 0; vertical-align: top; } 致: 对于旧版本的IE来说,标记,尤其是样式太复杂了,试图修复样式往往会导致进

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

这是和的结果

请注意,在IE6中,
下一页
li
无法与其他
li
对齐。有什么问题吗?

更改为:

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


对于旧版本的IE来说,标记,尤其是样式太复杂了,试图修复样式往往会导致进一步的复杂化和不健壮的解决方案。因此,如果您更愿意解决问题,而不是“正确行事”,那么这里有一种健壮的标记方法:

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

在CSS中,可以很容易地对填充、字体、颜色等进行微调


你在IE6上仍然会有问题,因为它通常是在没有中文支持的情况下安装的。带有IE 6的开箱即用PC,由于缺少合适的字体,用于将汉字显示为小矩形。

IE的另一个问题是,如果您注释掉该行(前面的“#”),它仍然会拾取参数。这是一只愚蠢的虫子。所以删除这行而不是注释它。当在XP虚拟机的IE6上测试时没有效果。你能告诉我哪种风格比较复杂吗?
.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;
}
<table align=center class=page>
    <tr>
        <td><a href="...">Next</a>
        <td><a href="...">1</a>
        <td><a href="...">下一页</a>
</table>