javascript – So geben Sie das Newline-Zeichen in einer Zeichenfolge in HTML aus
为情所困
为情所困 2017-06-14 10:51:21
0
6
1121

Ich habe eine Zeichenfolge im Hintergrund erhalten und sie im Vordergrund an das <p>-Tag ausgegeben, aber die Zeichenfolge enthielt ein Zeilenumbruchzeichen „n“ und ich wollte den Zeilenumbrucheffekt auf die gleiche Weise ausgeben. Wie soll ich mit dieser Zeichenfolge umgehen? Ich habe „n“ durch <br/> ersetzt, aber es hat immer noch nicht funktioniert und es wurde so ausgegeben, wie es ist.
Vielen Dank an alle

为情所困
为情所困

Antworte allen(6)
女神的闺蜜爱上我

有两中方式,一是设置 white-space: pre;,空白会被浏览器保留。或者使用

<pre>
    我是换行字

    符串
</pre>

,pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

学霸

换行符不是\n么?

如果你这种情况,换成</p><p>

阿神

根据你的描述,你应该是需要pre标签吧.

女神的闺蜜爱上我

js中,可以使用 . innerHTML = 'It<br />works' 来输出 html;如果是 jQuery,则使用 $.fn.html('It<br />works')!
==== 以为是 PHP 输出
使用 htmlentities 函数输出替换后的内容!

阿神

这样是可以的,题主最好把代码贴出来才知道是什么原因

仅有的幸福

\n在pre中有效

pre.innerHTML = 'hey,\nman'
// hey,
// man

在p中可以通过replace

let str = 'hey,\nman'
str = str.replace(/\n/, '<br>')
p.innerHTML = str
// hey,
// man
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage