如何设置列表项之间的垂直空间？

在<ul>元素中，显然可以使用line-height属性格式化行之间的垂直间距。

我的问题是，在一个<ul>元素，如何设置列表项之间的垂直间距？

您可以使用保证金。看例子：

 li{ margin: 10px 0; }

为您的li标签添加一个margin 。这将在li之间创build空间，您可以使用line-height来设置li标签中文本的间距。

HTML

 <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> </ul>

CSS

 li:not(:last-child) { margin-bottom: 5px; }

编辑：如果你不使用最后李元素的特殊情况下，你的列表将有一个小的间距之后，你可以在这里看到： http : //jsfiddle.net/wQYw7/

现在比较我的解决scheme： http : //jsfiddle.net/wQYw7/1/

当然，这在旧版本的浏览器中不起作用，但是你可以很容易地使用js扩展，这将在老浏览器中启用。

我会倾向于这个具有IE8支持的优点。

 li{ margin-top: 10px; border:1px solid grey; } li:first-child { margin-top:0; }

的jsfiddle

在<li></li>之间<li></li>行条目似乎在我尝试过的所有Web浏览器中都能正常工作，但无法通过在线W3C CSS3检查器。它给了我精确的行距。就我而言，无论W3C说什么，毫无疑问，我都坚持使用它，直到有人能够提出一个好的合法替代scheme。