HTML 中的换行符为“\\n”

Question

有没有办法让 HTML 正确处理 \n 换行符？或者我必须用 <br/> 替换它们？

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

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

Answer 1

这是为了在 HTML 中显示换行符和回车符，那么您不需要显式地执行它。您可以在 CSS 中通过设置 white-space 属性行前值来实现。

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

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

Answer 2

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

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