14

箇条書きリストの間隔を設定するにはどうすればよいですか?

  • asdfasdf
  • asdf23223

のように1行目と2行目の間にもう少しスペースを入れたい

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

8 に答える 8

25

次のように、s にパディングを追加topします。bottomli

ul li { padding: 5px 0px; }

そして、そのクレイジーなタグを取り出し<p />ます。

デモ: http://jsfiddle.net/aFED2/

于 2013-03-27T17:32:21.033 に答える
11

次のようなことができるかもしれません:

<ul style="line-height:1.4;">
于 2013-03-27T17:33:04.040 に答える
7

<p />タグは単なるタイプミスだと思います。そこにあるはずはありません;)

<head>これをタグに追加します。

<style>
    ul li { margin-bottom: 10px; }
</style>
于 2013-03-27T17:33:08.283 に答える
2

使用line-heightこれは、テキストの上下にスペースを入れます。

于 2013-03-27T17:33:28.803 に答える
1

CSS を次のように使用します。

li { padding: 10px 0px 0px; }
li:first-child { margin-bottom: 0px; }
于 2013-03-27T19:55:11.373 に答える
0

margin-bottomリスト項目に を追加するだけです

デモ: http://jsfiddle.net/6tcpd/

于 2013-03-27T17:33:40.977 に答える