在string中使用新行（\ n）并在HTML中呈现相同的内容
我有一个string说
string display_txt = "1st line text" +"\n" + "2nd line text"; 在JQuery中，我正在尝试使用
('#somediv').html(display_txt).css("color", "green")
很显然，我期待我的消息显示在两行中，而\ n正在显示在消息中。 任何快速修复？
谢谢，
在html中使用<br />换行：
display_txt = display_txt.replace(/\n/g, "<br />");
在表格单元格中设置你的CSS
white-space:pre-wrap;
document.body.innerHTML = 'First line\nSecond line\nThird line';
body{ white-space:pre-wrap; }
你可以使用预标签而不是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>
也许.text而不是.html ？
