Question

其实我正在尝试为应用程序实现菜单面板。我有一个列表项目，我还有li下的li项目。但我注意到它们之间有一个线条空间 li和li。请帮我解决这个问题。如果你能看到下面的代码，你会在Item3和Item3的Sub-Items之间找到一个行间距。我有什么方法可以删除空行而不删除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

将margin:0; padding:0;添加到ul以及li

Answer 2

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

Answer 3

<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元素。

Answer 4

虽然我没有发现您的代码有任何问题，但我也遇到了不必要的空间问题。它可能是标签或空格的问题。试试这个：

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

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

4 个答案: