Question

我不明白为什么HTML中的标签有两个换行符而不是一个换行符，有人可以告诉我它为什么会这样，以及是否有可能用CSS修复它。

两个换行符：

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

与 一个换行符相比：

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

不同的浏览器具有不同的渲染引擎并应用不同的用户代理样式表。

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

您可以使用

删除margin-bottom

p { margin-bottom: 0;}

甚至更好，这样做：

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

 标记在标记内正确使用，表示段落中的换行符。

Answer 4

是一个新的段落，而 是仅用于换行符的。

一段（来自古希腊语παράγραφος段落，“写在旁边”或“写在旁边”）是一个独立的文字话语单元，处理特定的观点或想法。段落由一个或多个句子组成。虽然不需要任何语言的语法，但段落通常是正式写作的预期部分，用于组织较长的散文(source)

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

4 个答案: