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

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

html css

Html li和li之间不需要的行间距,html,css,Html,Css,实际上，我正在尝试实现应用程序的菜单面板。我有一个列表项，我也有在ul下的li项。但我注意到，在这两者之间有一条直线 li和li。请帮我解决这个问题。如果你能看到下面的代码，你会发现Item3和Item3的子项之间有一行空格。有没有办法在不删除li的情况下删除空行，因为Firefox没有给出我在IE8中看到的预期结果 <UL> <LI>Item1</LI> <LI>Item2</LI> <LI>Item3&

实际上，我正在尝试实现应用程序的菜单面板。我有一个列表项，我也有在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>


项目1
项目2
项目3


第3.1项
第3.2项

添加

边距：0；填充：0到ul
和li以及使用css重置。
您使用这个

项目1
项目2
项目3


第3.1项
第3.2项




尝试添加填充：0px
到嵌套的UL
元素。
虽然我没有发现您的代码有任何问题，但我也遇到了不需要的空间问题。这可能是制表符或空格的问题。试试这个：
    <style type="text/css">
        ul{font-size: 0;}
        li{font-size: 12pt;}
    </style>


ul{字体大小：0；}
li{字体大小：12pt；}
或仅适用于li取决于您需要什么。您可以尝试将其添加到UL或根据需要进行更改，以获得更多或更少的空间谢谢您的帮助Tanvir，我按照您所说的添加了代码，但我仍然看不到任何更改。您可以看一下吗。这是你想要的结果吗？是的Tanvir这就是我的感受抱歉我的不好，它得到了工作，但实际上我必须为这个覆盖css样式，而且ul和li下的li项目在循环中，我有点困惑如何只为有子项目的项目覆盖css样式，甚至我看到项目之间的空间很小，这方面有什么帮助吗？请在如下网站上设置一个测试用例bPratik说，我已经创建了jsfiddle:（），但我仍然可以看到Item3和Item3.1之间的小空间。对此有什么想法吗？
    <style type="text/css">
        ul{font-size: 0;}
        li{font-size: 12pt;}
    </style>