Question

这只是一个简单的问题。我是否需要在我的HTML中放置br标记才能使段落之间的行间距正确分开？

<p>
This is just a test example.

This is a new paragraph.

This is a third paragraph.
</p>

然而，在我的网站中，它删除了所有段落换行符。为了获得休息时间，我必须在我的代码中插入两个换行符才能显示它。

<p>
This is just a test example.
<br /><br />
This is a new paragraph.
<br /><br />
This is a third paragraph.
</p>

是否有任何方法可以在不使用 标记的情况下插入pre，这似乎会强制格式化文本/字体。

Answer 1

除了使用<pre>标记之外，您还可以使用white-space: pre以便遵守换行符。

＆＃13;

p {
    white-space: pre;
    word-break: break-word;
}

＆＃13;

<p>This is just a test example.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien arcu, laoreet eget lobortis nec, volutpat in dui. Pellentesque luctus nibh feugiat, ultrices ex ac, porttitor mi. Vivamus vestibulum risus eu arcu tristique, quis blandit libero lacinia. Cras iaculis nec tortor sed consequat. Integer ornare pellentesque orci. Etiam malesuada imperdiet augue non elementum.

This is a third paragraph.
</p>

＆＃13;

Answer 2

标记代表＆＃39;段落＆＃39;，因此请尝试将每个段落包含在其中一个段落中。见pen。

Answer 3

将每个段落作为自己的标记。

<p>This is just a test example.</p>
<p>This is a new paragraph.</p>
<p>This is a third paragraph.</p>

然后您可以通过css控制p标签的边距或填充，以控制每个段落上下的间距。

Answer 4

 就像一个换行符。它对用户不可见。除了多个 代码和<pre></pre>代码外，您可以将文字写为：

<p>This is just a test example.</p>
<p>This is a new paragraph.</p>
<p>This is a third paragraph.</p>

Answer 5

解析HTML的方式，所有空格或换行符都转换为单个空格。即使这只会在两个单词之间显示一个空格：

<p>This
                       example</p>

＆LT;预＆GT;标签只是设置了默认CSS的段落，因此它们具有单色字体和CSS属性white-space: pre;。我不建议使用它，但是HTML文本意味着用＆lt; p＆gt;来划分。标签

Answer 6

 是一行中断。 这意味着它将文本移动到下一行。如果你想要一个空格，你将使用2   s。

不使用<pre>，您可以通过几种方式插入所需的休息

<强> CSS：

p {white-space: pre;}

<强> HTML

<p>Line 1</p>
<p>Line 2</p>
<p>Line 3</p>

Div元素也可以同样工作。

在不使用BR标签的情况下，在html中显示段落

6 个答案: