在IE6.0下，带float:left的li标签，垂直高度英文比中文低1px,该如何解决-HTML教程-爱易网页

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

日期：2014-05-17　浏览次数：20661 次

在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>

------解决方案--------------------

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

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

相关资料更多>

推荐阅读更多>