Question

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

我想在第一行和第二行之间留出更多空间，如

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

Answer 1

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

ul li { padding: 5px 0px; }

然后取出那个看起来很疯狂的<p />标签。

Answer 2

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

将其添加到您的<head>标记中：

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

Answer 3

你可能会做这样的事情：

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

Answer 4

使用line-height这会在文字的上方和下方放置间距。

Answer 5

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

Answer 6

您只需为列表项添加margin-bottom

即可

Answer 7

将CSS用作：

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

Answer 8

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

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