你可以使用CSS的白色空间属性\n。您还可以保留\t中的制表符。

换行\n:

white-space: pre-line;

对于换行符\n和制表符\t:

white-space: pre-wrap;

. getelementbyid(“just-line-break”)。innerHTML = 'Testing 1\nTesting 2\n\tNo tab'; . getelementbyid(“line-break-and-tab”)。innerHTML = 'Testing 1\nTesting 2\n\tWith tab'; # just-line-break { 空白:pre-line; ｝ # line-break-and-tab { 空白:pre-wrap; ｝ < div id = " just-line-break " > < / div > < br / > < div id = " line-break-and-tab " > < / div >

一个简单和更自然的解决方案，不涉及CSS样式或数字字符引用&#13;&#10;将使用&换行符;字符实体引用:

The primary colors are:
- Red
- Green
- Blue

注意:由于这被简单地定义为LF(换行，或U+000A Unicode码位)字符，因此它是否适合需要整个CR + LF(回车+换行)序列的场景是有争议的。但后来，它在我在Windows 10下进行的Chrome、Edge和WebView2测试中都能运行，所以应该可以安全使用。

你可以使用<pre>标签:

<div class=“text”> <pre> 美国广播公司 定义 吉 </pre> </div>

你可以使用CSS的白色空间属性\n。您还可以保留\t中的制表符。

换行\n:

white-space: pre-line;

对于换行符\n和制表符\t:

white-space: pre-wrap;

. getelementbyid(“just-line-break”)。innerHTML = 'Testing 1\nTesting 2\n\tNo tab'; . getelementbyid(“line-break-and-tab”)。innerHTML = 'Testing 1\nTesting 2\n\tWith tab'; # just-line-break { 空白:pre-line; ｝ # line-break-and-tab { 空白:pre-wrap; ｝ < div id = " just-line-break " > < / div > < br / > < div id = " line-break-and-tab " > < / div >

你可以使用CSS属性

white-space: pre-line

您可以使用<pre>标记

< div class = " text " > < >之前 美国广播公司 def 全球健康行动计划 < / >之前 美国广播公司 def 全球健康行动计划 < / div >