没有 <br> 标签的新行

Question

编写这个html：

 lorem ipsum
lorem ipsum
lorem ipsum

浏览器显示：

 lorem ipsumlorem ipsumlorem ipsum

有没有办法看到这个：

 lorem ipsum
lorem ipsum
lorem ipsum

在每行末尾不使用 <br> 标记，并且不使用 textarea。

我需要这个，因为我有一个包含 100.000 短行的文本，并且写 <br> 标记 100.000 次非常耗时。

原文由 qadenza 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 <pre> 标签来保留换行符。

 <pre>
lorem ipsum
lorem ipsum
lorem ipsum
</pre>

pre 标签的默认样式是等宽字体，但可以覆盖。

您可以使用 white-space: pre CSS 属性实现相同的效果，而无需任何额外的默认格式。

 <div style="white-space: pre">
lorem ipsum
lorem ipsum
lorem ipsum
</div>

white-space 还有其他几个值，但您应该参考 文档 来选择最合适的值。

请注意， pre 将处理每个换行符，包括 <pre> 或 <div> 标签之后的换行符。如果您不想要它们，则需要执行以下操作：

 <div style=...>lorem ipsum
lorem ipsum
...

原文由 szym 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

Html：您可以将它们包装在块元素中，例如 <div></div> 或 <h1></h1>

Css：你可以使用 white-space: pre-wrap;

Js：您可以使用“替换”将“\n”更改为 <br/>

原文由 codenvape 发布，翻译遵循 CC BY-SA 3.0 许可协议