如何解决<ul> <li> 元素中的 <br> 元素验证错误
我有这种情况:
...
<ul>
<li>Text<br/>Text</li><br />
<li>Text<br/>Text</li>
</ul>
...
我正在寻找 vw3c 验证:
错误:在此上下文中不允许元素 br 作为元素 ul 的子元素。 (抑制来自此子树的更多错误。)
在验证器中寻找下一个我也读过:
Contexts in which element br may be used:
Where phrasing content is expected.
所以,正确与否都不对!
我该如何解决这个问题?
谢谢。
解决方法
<ul>
<li>Text<br/>Text</li><br />
<li>Text<br/>Text</li>
</ul>
错误消息指出您不能将 br
元素作为 ul
元素的子元素。
在不允许的两个 li
元素之间有一个。
删除它。
换行符应该用于断开一行文本,并且在语义上主要用于诸如诗歌之类的内容,其中明确的换行符很重要。
列表项是块元素并自动创建换行符,无需在它们之间放置显式分隔符。
如果您尝试模拟边距,请使用真正的边距(通过 CSS 应用于 li 元素)。
li:not(:first-child) {
margin-top: 1em;
}
<ul>
<li>Text<br/>Text</li>
<li>Text<br/>Text</li>
</ul>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。