删除<p>标记HTML上方和下方的空格
删除<p>标记HTML上方和下方的空格
提问于 2011-07-29 22:07:58
以下面的ul为例：
<ul>
<li>HI THERE</li>
<br>
<li>
<p>ME</p>
</li>
</ul>
当li标签的innerHtml为空时，li将自动换行到文本。
对于p标记则不会发生这种情况。我猜想这是因为p是针对那些在前后通常有空格分隔符的段落。
有什么方法可以去掉它吗？
回答 6
Stack Overflow用户
回答已采纳
发布于 2011-07-29 22:12:03
<p>元素通常具有margins and / or padding。您可以在样式表中将它们设置为零。
li p {
margin: 0;
padding: 0;
}然而，从语义上讲，拥有段落列表是相当不寻常的。
Stack Overflow用户
发布于 2011-07-29 22:12:29
有两种方法：
最好的方法是完全删除<p>。当它添加空间时，它是按照规范执行的。
或者，使用CSS设置<p>的样式。类似于：
ul li p {
padding: 0;
margin: 0;
display: inline;
}Stack Overflow用户
发布于 2016-09-02 11:02:46
CSS重置是解决此问题的最佳方法。现在，在reset中，我们使用的是p，在需要的时候，你可以通过分隔来添加任意数量的标签。
p {
margin:0;
padding:0;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6874402
复制相关文章
相似问题