Question

我有一个字符串说

string display_txt = "1st line text" +"\n" + "2nd line text";

在Jquery中，我正在尝试使用

('#somediv').html(display_txt).css("color", "green")

很明显我希望我的msg能够以2行显示，而是在消息中显示\ n。有什么快速解决方法吗？

谢谢，

Answer 1

将表格单元格中的css设置为

white-space:pre-wrap;

document.body.innerHTML = 'First line\nSecond line\nThird line';

body{ white-space:pre-wrap; }

Answer 2

将<br />用于html中的新行：

display_txt = display_txt.replace(/\n/g, "<br />");

Answer 3

您可以使用pre标签而不是div。这将以正确的方式自动显示您的\ n \ n

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
         var display_txt = "1st line text" +"\n" + "2nd line text";
         $('#somediv').html(display_txt).css("color", "green");
});
</script>
</head>
<body>

<pre>
<p id="somediv"></p>
</pre>

</body>
</html>

Answer 4

可能.text代替.html？

Answer 5

当我从数据库中获取数据并想要显示包含\n的字符串时，遇到以下问题。上面的解决方案都不适合我，我终于想出了一个解决方案：https://stackoverflow.com/a/61484190/7251208

在字符串中使用新行（\ n）并在HTML中呈现相同的行

5 个答案: