如何增加li内联块列表元素之间的常量空间？

Question

如果所有方向的边距相同，则内联块列表项默认在它们之间具有常量空格。我的问题是，如果我们必须使用CSS，我们怎样才能在列表项之间增加这个空间？

Answer 1

方法＃1： 你可以从第二个LI开始增加margin-left属性：http://jsfiddle.net/Tw4LZ/

方法＃2： 将UL的字间距/字母间距更改为更高的值，然后将其设置为LI元素的“正常”：http://jsfiddle.net/Tw4LZ/1/

Answer 2

试

font-size: 5em;

它会增加内联块元素之间的空间。

Answer 3

如果您想增加两个列表项之间的空间，可以在CSS

中轻松完成

li
  {
    margin-top : 2px;
  }

您可以更改该值以适合所需列表之间的空间量。

Answer 4

使用水平填充？ 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;
}

等等......