html - 无效的 html 标记

标签 html css parent-child

我有这样的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 中完成,我可以接受。

提前致谢。

最佳答案

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

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

关于html - 无效的 html 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18329173/

相关文章:

javascript - Bootstrap - 模态有时会中断滚动

javascript - 使用 jQuery 有选择地遍历 div

CSS3第n个子瓦片背景颜色根据列数交替

html - 如何垂直对齐到 x 高度?

jquery - 带有增加/创建按钮的类型列表框

html - 如何将背景图像放在一组单选按钮后面

html - 使用 Chrome 进行 IE 8 测试

c# - 从子窗体调用父窗体的点击事件,父窗体代码winform中没有任何代码更改

multithreading - 当 child 被杀死时,防止线程 subprocess.popen 终止我的主脚本?

javascript - 使用动态变量从 tr 访问子 td