0

我有一个这样的html代码

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

我想要的，每个 li 元素后的换行符，可以使用这段代码来完成。但问题是当我去 W3C 进行 html5 验证时，它显示错误Element br not allowed as child of element ul in this context。

所以我知道 br 不能用作 ul 的子元素。我想知道有没有其他方法可以获得与上述相同的结果？如果它可以在 css 中完成，我可以接受。

提前致谢。

4

3 回答 3

5

默认情况下，<li>元素display: list-item会导致它们生成一个块框，因此您将在它们之后得到休息。将display属性设置回list-item以恢复它们。

如果实际上意味着您想要一个边距，而不是一个简单的换行符，那么使用 CSSmargin属性来设置一个。

于 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 回答