gpt4 book ai didi

html - 浏览器在 UL 之前和之后呈现不需要的 P

转载 作者:太空宇宙 更新时间:2023-11-04 14:00:39 24 4
gpt4 key购买 nike

检查此 html 代码

<p>test</p>
<p>
<ul>
<li>
<span style=\"line-height: 1.42857;\">1
</span>
<br>
</li>
<li>
<span style=\"line-height: 1.42857;\">2&nbsp;
</span>
<br>
</li>
<li>
<span style=\"line-height: 1.42857;\">3
</span>
<br>
</li>
<li>
<span style=\"line-height: 1.42857;\">4
</span>
<br>
</li>
</ul>
<p>
<span style=\"line-height: 20px;\">more text
</span>
</p>
</p>

出于某种原因,在 <ul> 之前和之后一个空的 <p>它正在被渲染(到目前为止我已经尝试过 chrome 和 ff)。

检查这个plunker here并尝试检查结果,您会看到类似这样的内容

<body>
<p>test
</p>
<p> <----------THIS
</p>
<ul>
<li>
<span style="\&quot;line-height:" 1.42857;\"="">1
</span>
<br>
</li>
<li>
<span style="\&quot;line-height:" 1.42857;\"="">2&nbsp;
</span>
<br>
</li>
<li>
<span style="\&quot;line-height:" 1.42857;\"="">3
</span>
<br>
</li>
<li>
<span style="\&quot;line-height:" 1.42857;\"="">4
</span>
<br>
</li>
</ul>
<p>
<span style="\&quot;line-height:" 20px;\"="">more text
</span>
</p>
<p></p> <-------------- AND THIS


</body>

想不通为什么。有什么提示吗?

最佳答案

段落不能包含列表(或其他段落)。

段落的结束标记是可选的。

UL 开始标记隐式关闭 P 元素。

Validators是有用的工具。

关于html - 浏览器在 UL 之前和之后呈现不需要的 P,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35019699/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com