您可以使用以下任何CSS，

white-space: pre-line;

or

white-space: pre-wrap;

or

white-space: break-spaces;

更多信息请阅读:https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

使用空白:pre-line允许您使用换行符直接在HTML中输入文本，而不必使用\n

如果你通过JavaScript在非前置元素上使用元素的innerText属性，例如<div>，默认情况下，\n值将在DOM中被<br>替换

innerText:将\n替换为<br> innerHTML, textContent:需要使用样式留白

这取决于你如何应用文本，但有很多选择

const node = document.createElement('div');
node.innerText = '\n Test \n One '

你可以使用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 >

根据你的问题，可以通过多种方式来实现。

例如，如果你想在文本区域中插入一个新行，你可以使用这些:

& # 10;换行和&#13;回车，像这样使用:

<textarea>你好堆栈溢出</textarea>

你也可以像这样使用<pre>—</pre>预格式化文本:

< >之前 这是第一行 这是第二行 这是第三行 < / >之前

或者你可以使用<p>----</p>段落标签，像这样:

<p>这是第一行</p> 这是第二行</p> 这是第三行</p>

这是为了在HTML中显示新行和返回回车，那么你不需要显式地这样做。你可以在CSS中通过设置空白属性行前值来做到这一点。

<span style="white-space: pre-line">@Model.CommentText</span>

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

The primary colors are:
- Red
- Green
- Blue

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