html - 项目符号列表行之间的间距

Question

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

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

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

score 25 · Accepted Answer

向s添加top和填充，如下所示：bottomli

ul li { padding: 5px 0px; }

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

score 11 · Accepted Answer

11

您可能可以执行以下操作：

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

于 2013-03-27T17:33:04.040 回答

score 7 · Accepted Answer

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

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

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

score 2 · Accepted Answer

2

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

于 2013-03-27T17:33:28.803 回答

score 1 · Accepted Answer

1

将 CSS 用作：

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

于 2013-03-27T19:55:11.373 回答

score 1 · Accepted Answer

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

score 0 · Accepted Answer

0

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

于 2013-03-27T17:33:40.977 回答

score 0 · Accepted Answer

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

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

8 回答 8