HTML中带有'\ n'的换行符

有没有办法使HTML正确处理\n换行符？还是我必须替换为<br/>？

https://jsfiddle.net/zawyatzt/

这是为了显示新行并以html返回回车，那么您不需要显式地执行它。您可以通过设置空白属性的行前值在CSS中完成此操作。

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

您可以将CSS white-space属性用于\n。您还可以保留中的标签\t。

对于换行符\n：

white-space: pre-line;

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

white-space: pre-wrap;

document.getElementById('just-line-break').innerHTML = 'Testing 1\nTesting 2\n\tNo tab';

document.getElementById('line-break-and-tab').innerHTML = 'Testing 1\nTesting 2\n\tWith tab';

#just-line-break {
  white-space: pre-line;
}

#line-break-and-tab {
  white-space: pre-wrap;
}

<div id="just-line-break"></div>

<br/>

<div id="line-break-and-tab"></div>

根据您的问题，可以通过多种方式完成：-例如，您可以使用：

如果要在文本区域中插入新行，可以尝试以下操作：



换行和回车

<textarea>Hello &#10;&#13;Stackoverflow</textarea>

您还可以<pre>---</pre>预格式化文本。

<pre>
     This is Line1
     This is Line2
     This is Line3
</pre>

或者，您可以使用<p>----</p>段落

<p>This is Line1</p>

<p>This is Line2</p>

<p>This is Line3</p>

注意：如果要使用\n，则需要安装Xampp或Apache之类的服务器以支持服务器端语言

您可以使用<pre>标签

<div class="text">
<pre>
  abc
  def
  ghi
</pre>
  abc
  def
  ghi
</div>

您可以使用<pre>标签：

<div class="text">
<pre>
abc
def
ghi
</pre>
</div>

使用white-space: pre-line允许您直接在带有换行符的HTML中输入文本，而不必使用\n

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

• innerText：替换\n为<br>
• innerHTML，textContent：需要使用造型white-space

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

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

简单而线性：

 <p> my phrase is this..<br>
 the other line is this<br>
 the end is this other phrase..
 </p>

您应该考虑将制动器换成<br/>。在HTML中，换行符仅代表代码中的新行。

另外，您可以使用其他一些HTML标记，例如将行放在段落中：

<p>Sample line</p>
<p>Another line</p>

或其他包装，例如<div>sample</div>css属性：display: block。

您也可以使用<pre>。的内容pre将忽略其html样式。换句话说，它将显示带有常规\n刹车线的纯HTML