Html IE6中不同语言的文本对齐方式不同
我有一个分页栏,它保存页面项目。我们的应用程序必须支持i18n。然后我们发现,在显示中文时,文本无法按预期对齐 这是和的结果 请注意,在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来说,标记,尤其是样式太复杂了,试图修复样式往往会导致进
下一页代码>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>