0

私はこのようなhtmlコードを持っています

<ul>
  <li>Text</li><br>
  <li>Text</li><br>
</ul>

私が望むもの、各 li 要素の後の改行は、このコードを使用して達成できます。しかし問題は、html5 検証のために W3C にアクセスすると、Element br not allowed as child of element ul in this contextというエラーが表示されることです。

したがって、br は ul の子要素として使用できないことがわかりました。上記と同じ結果を得る他の方法があることを知りたいですか？cssで出来ればOKです。

前もって感謝します。

4

3 に答える 3

5

デフォルトでは、<li>要素はdisplay: list-itemブロック ボックスを生成するため、それらの後にブレークが発生します。それらを復元するには、displayプロパティをlist-itemに戻します。

実際に単純な改行ではなくmarginmarginが必要な場合は、CSSプロパティを使用して設定します。

于 2013-08-20T07:25:01.613 に答える
3

css で margin-botton を使用できます

ul li {
   margin-bottom: 20px; // As per your requirement
}
于 2013-08-20T07:28:55.893 に答える
1

HTML

<ul>
   <li class="one">Text</li>
   <li class="one">Text</li>
</ul>

CSS

 <style>
        .one
        {
            line-height: 40px;
        }
 </style>
于 2013-08-20T07:27:10.123 に答える