在字符串中使用换行符(\n)并在HTML中呈现相同内容
在字符串中使用换行符(\n)并在HTML中呈现相同内容
提问于 2011-12-20 18:17:53
我有一个字符串，上面写着
string display_txt = "1st line text" +"\n" + "2nd line text";在Jquery中，我尝试使用
('#somediv').html(display_txt).css("color", "green")很明显，我希望我的msg显示为2行，但在消息中显示的是\n。有什么快速修复的方法吗？
谢谢,
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-12-20 18:19:19
对html中的新行使用<br />：
display_txt = display_txt.replace(/\n/g, "<br />");Stack Overflow用户
发布于 2014-04-07 00:11:01
将表单元格中的css设置为
white-space:pre-wrap;
document.body.innerHTML = 'First line\nSecond line\nThird line';body{ white-space:pre-wrap; }
Stack Overflow用户
发布于 2015-07-22 16:05:10
您可以使用pre标记而不是div。这将自动以正确的方式显示您的\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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8573890
复制相关文章
相似问题