web-dev-qa-db-ja.com

文字列で改行(\ n)を使用し、HTMLで同じ行をレンダリングする

私は文字列を言う

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

jqueryでは、私は使用しようとしています

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

私のメッセージは2行で表示されるはずですが、代わりに\ nがメッセージに表示されます。そのための簡単な修正はありますか?

おかげで、

73
KeenUser

Htmlの新しい行に<br />を使用します。

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

テーブルセルのCSSを

white-space:pre-wrap;
document.body.innerHTML = 'First line\nSecond line\nThird line';
body{ white-space:pre-wrap; }
129
vsync

Divの代わりにpreタグを使用できます。これにより、\ 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>
4
Frank im Wald

.textではなく.htmlかもしれませんか?

1
user1046334