如何刪除不需要的保證金

我有一個HTML列表，並按列寬分隔它們。但每列之間都有一個空間，我不知道如何刪除。我似乎無法訪問。我希望它像沒有任何空間的行，或者至少我選擇空間的大小。如何刪除不需要的保證金

這是我UL代碼

ul { 
height:400px; 
background-color:#666; 
list-style-type: none; 
-webkit-column-width:200px; 
}

這是演示：http://jsfiddle.net/KjcKR/3/

來源

2013-06-23 Alex Jj

以下內容添加到您的CSS

margin:0; 
padding:0;

一些瀏覽器仍然會顯示周圍的某些塊級別一定的餘量元素。如果您的邊距仍在顯示，請爲其添加浮點值。

來源

2013-06-23 23:46:07 mani

沒有看到您的演示。道歉。 – mani

+1表示：float：left;在李。 – sinisake

將以下內容添加到UL樣式中。

-webkit-column-gap:0px;

來源

2013-06-23 23:48:11 MindingData

'-webkit'前綴樣式只針對Safari和Chrome。它不會幫助Firefox或IE。（問題出現在Firefox的程度較小。） –

@RoddyoftheFrozenPeas同樣，Chrome正在轉向Blink，因此無論如何應該避免使用這類內容。 – Nic

嗨，羅迪，我假設，因爲他已經使用Webkit只有樣式，我應該保持它:) – MindingData

還有一招更（不知道是否會在所有的瀏覽器）：

http://jsfiddle.net/KjcKR/12/

li { 
    display:inline-block; 
    width:220px; 
    height:180px; 
    padding:10px -10px 10px 10px; 
    background-color:#CCC; 
    margin:0px; 
    float:left; 

}

WebKit的列的寬度應以鉻正常工作被移除。

來源

2013-06-24 00:05:40 sinisake

可我一定試試這個

http://jsfiddle.net/KjcKR/3/

CSS

li { 
    display:inline-block; 
    width:220px; 
    height:180px; 
    padding:10px; 
    background-color:#CCC; 
    margin:0px; 
    float:left; 

}

來源

2013-06-25 10:33:48 falguni

如何刪除不需要的保證金

回答

相關問題