为什么<p>有两个换行符而不是一个换行符？

Question

我不明白为什么<p>标签在HTML中有两个换行符而不是一个，谁能告诉我为什么它是这样的，如果有可能用CSS修复它。

两个换行符:

<p>Hello World</p>my name is Yoel.

与<br>比较，换行:

Hello World
<br>my name is Yoel.

Answer 1

你看到的实际上不是一个额外的换行符，而是一个空白。默认情况下，p标签有一个小边距，以帮助视觉上定义它们。

如果你想摆脱它，你可以添加以下的CSS:

p {
    margin: 0;
}

Answer 2

Chrome默认样式:

  p{
        display: block;
       -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    }

如果你将它们设置为0，你将得到与br tag

Answer 3

<p>意味着是一个新的段落，而<br>只是用于换行。

段落(源自古希腊语παρ γραφος paragraphos，"写在旁边"或"写在旁边")是写作中论述某一特定观点或观点的独立的话语单位。一个段落由一个或多个句子组成。虽然没有任何语言的语法要求，段落通常是正式写作的一部分，用于组织较长的散文(来源)

Answer 4

不同的浏览器有不同的呈现引擎，应用不同的用户代理样式表。

默认情况下，浏览器将margin应用于<p>元素。

---

可以用

删除margin-bottom

p { margin-bottom: 0;}

或者更好，这样做:

<p>Hello World
  <br>my name is Yoel.</p>

---

如果<br>标记在<p>标记内，则正确使用，它指示段落中的换行