6

次のように複数行の文字列を作成しました」

var str1 = document.getElementById('text1');
var str2 = document.getElementById('text2');
var str = str1.value + "\n" + str2.value;

次のように、ポップアップ ウィンドウで作成した div にこの文字列を追加します。

myWindow=window.open('','Full_text','width=600,height=600');
myWindow.document.write('<div id="div1" style="position: absolute; left: 10px; width: 580px; top: 30px; height: 550px; overflow: auto;">' + str + '</div>');

しかし、divに複数行の文字列がありません。この問題を解決するにはどうすればよいですか?

4

2 に答える 2

15

このCSSプロパティがないと、改行はHTMLでレンダリングされません。

white-space: pre;

あなたはこれに置き換えることを試みることができますstr

var str = str1.value + "<br/>\n" + str2.value;
于 2012-07-12T09:48:29.393 に答える
3

HTML でレンダリングする場合、改行は表示されません。改行だけが必要な場合は、<br>代わりに使用してください\n。空白、タブを保持したい場合は、文字列を<pre>string goes here.</pre>タグで囲むようにしてください。

于 2012-07-12T09:50:04.003 に答える