html - 删除 <p> 标签 HTML 上下的空格

Question

以这个ul为例:

<ul>
    <li>HI THERE</li>
    <br>
    <li>
        <p>ME</p>
    </li>
</ul>

当 li 标签的 innerHtml 为空时，li 将自身包裹到文本。

p 标签不会发生这种情况。我假设这是因为 p 适用于前后通常有空格的段落。

有什么办法可以去掉吗？

Answer 1

<p>元素一般有margins and / or padding .您可以在样式表中将它们设置为零。

li p {
    margin: 0;
    padding: 0;
}

然而，从语义上讲，有一个段落列表是相当不寻常的。