有没有办法使HTML正确处理\n换行符?或者我必须用<br/>代替它们?
< div class = " text " > 美国广播公司 def 全球健康行动计划 < / div >
有没有办法使HTML正确处理\n换行符?或者我必须用<br/>代替它们?
< div class = " text " > 美国广播公司 def 全球健康行动计划 < / div >
当前回答
根据你的问题,可以通过多种方式来实现。
例如,如果你想在文本区域中插入一个新行,你可以使用这些:
& # 10;换行和 回车,像这样使用:
<textarea>你好堆栈溢出</textarea>
你也可以像这样使用<pre>—</pre>预格式化文本:
< >之前 这是第一行 这是第二行 这是第三行 < / >之前
或者你可以使用<p>----</p>段落标签,像这样:
<p>这是第一行</p> 这是第二行</p> 这是第三行</p>
其他回答
您可以使用<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 '
你可以使用CSS属性
white-space: pre-line
根据你的问题,可以通过多种方式来实现。
例如,如果你想在文本区域中插入一个新行,你可以使用这些:
& # 10;换行和 回车,像这样使用:
<textarea>你好堆栈溢出</textarea>
你也可以像这样使用<pre>—</pre>预格式化文本:
< >之前 这是第一行 这是第二行 这是第三行 < / >之前
或者你可以使用<p>----</p>段落标签,像这样:
<p>这是第一行</p> 这是第二行</p> 这是第三行</p>
您可以使用以下任何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