如何去除段落之间的空格 (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>

Answer 1

You can use margin: 0; to remove the spaces.

p { margin: 0; }

If this still don't work, try making it !important

p { margin: 0 !important; }

Check this http://jsfiddle.net/zg7fP/1/

Answer 2

Try setting margin-bottom: 0 on the top paragraph and margin-top: 0 to the bottom paragraph

or you can use a div instead of the paragraph

Answer 3

You can set the default margin to zero with CSS:

p {
  margin: 0px;
}

Answer 4

You should use p {margin: 0 auto;}

In case you want to add indentation (recommended if you remove spaces between paragraphs) a good technique is:

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

Answer 5

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

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

Answer 6

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

Answer 7

Try to use line-height: 100%; or other percentage you think it feets well on your HTML.

Answer 8

There are a range of "mx" classes you can add to paragraph elements where x (0+) represent integers driving increasing space between paragraphs:

For example, this will have no space between the paragraphs:

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

For example, this will have a bit more:

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

For example, this will have yet more:

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

And so on...