在IE6.0下，带float:left的li标签，垂直高度英文比中文低1px,该如何解决

2012-05-23

在IE6.0下，带float:left的li标签，垂直高度英文比中文低1pxHTML codeul stylelist-style:nonetext-deco

在IE6.0下，带float:left的li标签，垂直高度英文比中文低1px

HTML code

<ul style="list-style:none;text-decoration:underline;">  <li style="float:left;">中文</li>  <li style="float:left;">English</li>  <li style="float:left;padding-top:1px;">中文</li>  <li style="float:left;">English</li>  <li style="float:left;">中文</li></ul>

[解决办法]
不明白楼主的意思
写个padding-top:1px 做什么？
[解决办法]

HTML code

<!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <title></title>        <style>                </style>    </head>    <body>        <ul style="list-style:none;text-decoration:underline;">          <li style="float:left;">中文</li>          <li style="float:left;">English</li>          <li style="float:left;">中文</li>          <li style="float:left;">English</li>          <li style="float:left;">中文</li>        </ul>    </body></html>
[解决办法]
字体弄大了也看不到 楼主説的 高度差

HTML code<!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <title></title>        <style>            body {                font-size:31px;            }            li {                text-decoration:underline;            }        </style>    </head>    <body>        <ul style="list-style:none;">          <li style="float:left;">中文</li>          <li style="float:left;">English</li>          <li style="float:left;">中文</li>          <li style="float:left;">English</li>          <li style="float:left;">中文</li>        </ul>    </body></html>
[解决办法]
字符集和字体的问题，你在body里先把网站要使用的字符集和字体定义好。估计你用的是微软雅黑吧。换宋体试试
[解决办法]
没问题吧？4楼给出的代码我这里测试也没问题啊
[解决办法]
楼主为什么要吧编码方式改成UIF-8？改成那样是有问题了，但，为什么改成那样呢？

[解决办法]
确实有这个问题，应该是不同编码对 中文 英文解析的基准线 不同造成的。

比如这个
HTML code<!DOCTYPE HTML><html>    <head>        <meta charset="utf-8" />        <title></title>        <style>            body {                font-size:50px;                font-family:arial;            }            li {                text-decoration:underline;            }        </style>    </head>    <body>        <ul style="list-style:none;">          <li style="float:left;">中文</li>          <li style="float:left;">English</li>          <li style="float:left;">中文</li>          <li style="float:left;">English</li>          <li style="float:left;">中文</li>        </ul>    </body></html>
[解决办法] 
 
楼主很钻研啊。。。


http://gigalens.com/2009-07/webstandards-ie6-typographiy-bug.html

HTML code<!DOCTYPE HTML><html>    <head>        <meta charset="utf-8" />        <title></title>        <style>            body {                font-size:24px;                font-family:&quot;宋体&quot;;            }            li {                text-decoration:underline;            }        </style>    </head>    <body>        <ul style="list-style:none;">          <li style="float:left;">中文</li>          <li style="float:left;">English</li>          <li style="float:left;">中文</li>          <li style="float:left;">English</li>          <li style="float:left;">中文</li>        </ul>    </body></html>

热点排行

CSS

在IE6.0下，带float:left的li标签，垂直高度英文比中文低1px,该如何解决