html - 显示多行文本的正确方法是什么？

Question

我有一个 HTML 文档，其中包含一些不同的文本行，是否有一些确定的正确方式来显示它们？

例子:

Here are
some lines
of text

我应该使用 <p> 吗？为每一行添加标签，还是有其他/更好的方法来做到这一点？

例子:

<p>Here are</p>
<p>some lines</p>
<p>of text</p>

或

<p>
  Here are <br>
  some lines <br>
  of text <br>
</p>

还是完全不同的东西？

CSS 和其他东西目前并不真正相关，我只是想知道哪种是“最正确”的使用方式。

Answer 1

如果您有一个包含换行的字符串，例如您想要在 div 中显示，您可以使用 white-space: pre-wrap css style:

.multiline {
  white-space: pre-wrap;
}

<div class="multiline">
    A multiline text
    for demo purpose
</div>