Html 如何删除段落（p）之间的空格

如何删除HTML中段落之间的空格

<p class="first">This is a small demo</p>
<p class="second">This is second demo</p>

这是一个小演示
这是第二个演示

您可以使用

边距：0

以删除空格

p { margin: 0; }

如果这仍然不起作用，请尝试使其成为

！重要信息

p { margin: 0 !important; }

---

选中此项

尝试在顶部段落设置

页边距底部：0

，并在底部段落设置

页边距顶部：0

---

或者您可以使用div而不是段落

将两者放在一组

---

p并用br分隔

您可以使用CSS将默认边距设置为零：

p {
  margin: 0px;
}

---

尽量使用

行高：100%

或其他您认为在HTML中感觉良好的百分比。

您应该使用

p{margin:0auto；}

如果要添加缩进（如果删除段落之间的空格，建议使用），一个好方法是：

p + p {text-indent: 1.25em;}

---

如果您使用的是引导，那么这就是解决方案：类m-0

<p class="m-0">text</p>

文本

有一系列“m-x”类可以添加到段落元素中，其中x（0+）表示整数，从而增加段落之间的间距：

<p class="m-0">hello world</p>
<p class="m-0">hello world</p>

例如，以下段落之间没有空格：

<p class="m-0">hello world</p>
<p class="m-0">hello world</p>

你好，世界

你好，世界

例如，这将有更多：

<p class="m-1">hello world</p>
<p class="m-1">hello world</p>

你好，世界

你好，世界

例如，这将有更多：

<p class="m-2">hello world</p>
<p class="m-2">hello world</p>

你好，世界

你好，世界

---

等等…

你可以查看演示。你可以试试p{margin:0！重要；}谢谢，它确实对我有用。有没有什么具体的原因，为什么它没有！重要的可能是正在使用的其他css文件，它们往往会覆盖您的样式。正在更新答案。有关问题的详细信息！重要标签：不，它不工作。我也不能更改html代码，它是自动生成的。是否有其他CSS文件/属性可能会覆盖您的声明？这在JSFIDLE中确实非常有效。是的，有一些css在那里，但从未有过css过度隐藏的想法。谢谢你的帮助