HTML中带'\n'的换行符

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

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

当前回答

你可以使用<pre>标签:

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

其他回答

你可以使用CSS属性

white-space: pre-line

您可以使用<pre>标记

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

使用空白: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 '

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

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

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

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

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

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

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

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

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

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

推荐文章