如何移除<p>标记HTML上下的空格?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (28)

以ul为例。

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

当Li标签的innerHtml是空白时,Li将自身包装到文本中。

P标签不会发生这种情况。我假设这是因为p是通常在前后有空白区段的段落。

有什么办法可以消除这种情况吗?

提问于
用户回答回答于

<p>元素通常具有边距和/或填充。可以在样式表中将它们设置为零。

li p {
    margin: 0;
    padding: 0;
}
用户回答回答于

p元素在它自身之前和之后自动创建一些空间。该空间由浏览器自动应用,或者您可以在样式表中指定它。

你可以通过使用CSS删除额外的空间

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

或者使用<span>没有默认边距并且是内联元素的元素。

扫码关注云+社区

领取腾讯云代金券