li和li之間的不需要的行空間

其實我試圖實現應用程序的菜單面板。我有一個列表項，並且我也有li項下的ul項。但我注意到在li和li之間有一個空格。請幫助我解決這個問題。如果你能看到下面的代碼，你會在Item3和Item3的子項之間找到一個空行。是否有任何方法可以刪除沒有刪除LI的空行，因爲Firefox在IE8中看不到預期的結果。li和li之間的不需要的行空間

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

來源

2013-07-28 user582818

請建立一個測試用例像http://jsfiddle.net/ – bPratik

什麼是你的CSS網站？ –

正如bPratik所說，我已經創建了jsfiddle：（http://jsfiddle.net/HSm2r/）並且仍然可以看到Item3和Item3.1之間的小空間。對此有何想法？ – user582818

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

來源

2013-07-28 15:40:09 DeiForm

或者只爲li取決於你需要的東西。您可以嘗試將其添加到UL或根據需要更改或更改空間 – DeiForm

使用CSS復位。你使用這一個http://meyerweb.com/eric/tools/css/reset/

來源

2013-07-28 15:41:31 user1184100

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

來源

2013-07-28 15:43:41 tchow002

感謝Tanvir的幫助，我按照您的說法添加了代碼但仍然沒有看到任何更改。 – user582818

你可以看看[this]（http://jsfiddle.net/tchow002/3tshe/）。這是你想要的結果嗎？ – tchow002

是坦維爾，這是我所期望的對不起，我的壞，它得到了工作，但實際上，我不得不覆蓋CSS的樣式，此外，這些李項目下ul和李是在循環內，我有點困惑如何覆蓋只有具有子項目的項目的CSS樣式，甚至我看到項目之間的小空間以及對此的任何幫助？ – user582818

雖然我沒有找到你的代碼的任何問題，我也有不想要的空間問題。這可能是製表符或空格的問題。試試這個：

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

來源

2013-07-28 22:55:17 sheng

li和li之間的不需要的行空間

回答

相關問題