html - li 和 li 之间不需要的行间距

Question

实际上我正在尝试为应用程序实现菜单面板。我有一个列表项，并且我在 li 下的 ul 下也有 li 项。但是我注意到 li 和 li 之间有一个行间距。请帮我解决这个问题。如果您可以看到下面的代码，您会发现 Item3 和 Item3 的子项之间有一个行间距。有什么办法可以删除没有删除 LI 的空行因为 Firefox 没有给出我在 IE8 中看到的预期结果。

<UL>
   <LI>Item1</LI>
   <LI>Item2</LI>
   <LI>Item3</LI>
   <LI>
      <UL>
         <LI>Item3.1</LI>
         <LI>Item3.2</LI>
      </UL>
   </LI>
</UL>

Answer 1

尽管我没有发现您的代码有任何问题，但我也遇到了不需要空间的问题。可能是制表符或空格的问题。尝试这个：

    <style type="text/css">
        ul{font-size: 0;}
        li{font-size: 12pt;}
    </style>

Answer 2

添加margin:0; padding:0;到ul和li也

Answer 3

使用 css 重置。你用这个http://meyerweb.com/eric/tools/css/reset/

Answer 4

<UL>
   <LI>Item1</LI>
   <LI>Item2</LI>
   <LI>Item3</LI>
   <LI>
      <UL style="padding: 0px;">
         <LI>Item3.1</LI>
         <LI>Item3.2</LI>
      </UL>
   </LI>
</UL>

尝试添加padding: 0px;到您的嵌套UL元素。