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

Answer 1

Change from:

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

to:

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

Answer 2

The markup and especially the styling is too complicated for old versions of IE, and trying to fix the style tends to lead to further complications and a non-robust solution. So if you would rather solve the problem than “do things right”, here’s a robust approach in markup:

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

This can easily be fine-tuned regarding padding, font, colors, etc., in CSS....

You would still have problems on IE 6, since it was quite often installed without Chinese language support. An out-of-the-box PC with IE 6 used to display Chinese characters as small rectangles, due to lack of suitable fonts.

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