项目符号列表行之间的间距答案

【问题标题】：Spacing between bullet list rows项目符号列表行之间的间距
【发布时间】：2013-03-17 22:14:43
【问题描述】：

如何设置项目符号列表之间的间距？

我想在第一行和第二行之间多留一点空间

<ul>
    <li>asdfasdf</li>
<p />
    <li>asdf23223</li>
</ul>

【问题讨论】：

标签： html css

【解决方案1】：

您可以使用pre 标签。不需要css

<ul>
  <pre>
    <li>Foo</li>
    <li>Bar</li>
    <li>Baz</li>
    </pre>
</ul>

【讨论】：

【解决方案2】：

我只是使用 html 和 php 时它不会弄乱我所有其他页面的样式。

【讨论】：

【解决方案3】：

使用line-height 这将在文本上方和下方放置间距。

【讨论】：

【解决方案4】：

将 CSS 用作：

li { padding: 10px 0px 0px; }
li:first-child { margin-bottom: 0px; }

【讨论】：

【解决方案5】：

您可以为列表项添加margin-bottom

【讨论】：

【解决方案6】：

我假设<p /> 标签只是一个错字，它不应该在那里；）

将此添加到您的<head> 标签中：

<style>
    ul li { margin-bottom: 10px; }
</style>

【讨论】：

【解决方案7】：

你也许可以这样做：

<ul style="line-height:1.4;">

【讨论】：

【解决方案8】：

将top 和bottom 填充添加到lis，如下所示：

ul li { padding: 5px 0px; }

并且去掉那个看起来很疯狂的<p />标签。

【讨论】：