1

默认情况下，如果所有方向的边距相同，则内联块列表项之间具有恒定的空格。我的问题是，如果我们必须使用 CSS，我们如何增加列表项之间的空间？

4

4 回答 4

0

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

方法 #2：将 UL 的 word-spacing/letter-spacing 更改为更高的值，然后将 LI 元素设置回“正常”：http: //jsfiddle.net/Tw4LZ/1/

于 2012-09-29T14:37:07.853 回答
0

尝试

font-size: 5em;

它将增加行内块元素之间的空间。

于 2014-10-11T08:19:10.363 回答
0

如果你想增加两个列表项之间的空间，你可以在 CSS 中轻松做到

li
  {
    margin-top : 2px;
  }

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

于 2017-01-29T17:42:20.337 回答
-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-29T13:15:35.120 回答