如何增加li內嵌塊列表元素之間的恆定空間？

如果所有方向的邊距相同，則內嵌塊列表項目在默認情況下具有恆定的空格。我的問題是，如果我們必須使用CSS，我們如何才能增加此列表項之間的空間？如何增加li內嵌塊列表元素之間的恆定空間？

2012-09-29 Muavia

-1

水平填充？ padding-left:5px，padding-right:5px;

或者你可以使用左相對位置和距離：

ul li:nth-child(2) { /* second item */ 
    position:relative; 
    left:5px; 
} 
ul li:nth-child(3) { /* third item */ 
    position:relative; 
    left:10px; 
} 
ul li:nth-child(4) { /* fourth item */ 
    position:relative; 
    left:15px; 
}

等等......

來源

2012-09-29 13:15:35 Giona

相對定位只適用於第二個列表項。接下來的應該是相對於第一個翻譯的40,60,80px等，但只會移動20px。簡而言之，它並不總和。編輯：作爲第一個也是匹配的，它不會工作，我相信 – FelipeAls

@FelipeAls好吧，我認爲這是假設...檢查我的編輯 – Giona

它可能是一個標籤雲，沒有真正的數量限制的項目，所以我沒有看到這裏的相對定位點。使用填充（答案的第一部分）是完全沒問題的，儘管 – FelipeAls

方法1：可以增加利潤率左屬性，從第二個LI開始：http://jsfiddle.net/Tw4LZ/

方法＃2：將UL的字間距/字母間距更改爲更高的值，然後將其設置回「norma L」爲LI元素：http://jsfiddle.net/Tw4LZ/1/

來源

2012-09-29 14:37:07

嘗試

font-size: 5em;

它將增加inline-block的元素之間的空間。

來源

2014-10-11 08:19:10

如果你想增加兩個列表項之間的空間，你可以很容易地做到這一點在CSS

li 
    { 
    margin-top : 2px; 
    }

您可以將該值更改爲適合您需要的名單之間的空間量。

來源

2017-01-29 17:42:20

如何增加li內嵌塊列表元素之間的恆定空間？

回答

相關問題