html - How to remove the space between paragraphs (p)

Question

How can I remove spaces between paragraphs in HTML?

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

score 21 · Accepted Answer

您可以使用margin: 0;删除空格。

p { margin: 0; }

如果这仍然不起作用，请尝试制作它!important

p { margin: 0 !important; }

score 4 · Accepted Answer

尝试设置margin-bottom: 0顶部段落和margin-top: 0底部段落

或者您可以使用 div 代替段落

score 1 · Accepted Answer

1

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

p {
  margin: 0px;
}

于 2016-08-21T12:40:35.330 回答

score 1 · Accepted Answer

1

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

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

于 2020-04-13T22:01:17.377 回答

score 1 · Accepted Answer

你应该使用p {margin: 0 auto;}

如果您想添加缩进（如果您删除段落之间的空格，建议使用），一个好的技术是：

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

score 0 · Accepted Answer

0

将两者放在一组 p 中并用 br 分隔

于 2013-09-14T04:09:02.253 回答

score 0 · Accepted Answer

0

尝试使用line-height: 100%;您认为适合您的 HTML 的其他百分比。

于 2017-01-04T15:56:17.083 回答

score 0 · Accepted Answer

您可以将一系列“mx”类添加到段落元素中，其中 x (0+) 表示推动段落之间空间增加的整数：

例如，这将在段落之间没有空格：

<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>

等等...

8 回答 8