显示多行文本的正确方法是什么?

新手上路,请多包涵

我有一个 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 和其他东西目前并不真正相关,我只是想知道哪种是“最正确”的使用方式。

原文由 Sebastian Norr 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 563
1 个回答

如果您有一个包含新行的字符串,例如要在 div 中显示,您可以使用 white-space: pre-wrap css 样式:

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

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

原文由 vir us 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题