0

いくつかのテキストで初期化されたdivがあります：

<div id="previewText" style="margin: 10px auto; width:366px; background: #EDEDED; border: solid 1px #CCC; padding: 10px; word-wrap: normal; font-size: 13px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;">
   word1 word2 word3333 word444444 word55555 word666666 word777777 word888888 word999999 word1000000 word11111111 word222222222 word333333333   
</div>

そして私はこれをブラウザで見ます：

文1

次に、同じテキストをatextareaから正確なdivに追加すると、次のようになります。

テキスト領域：

textarea

Javascriptコード

var TheTextBox = document.getElementById("fbMessage");
var textAreaText = TheTextBox.value;

previewText = textAreaText.replace(/\n/g, "<br/>").replace(/\s/g, "&nbsp");

document.getElementById('previewText').innerHTML = previewText;

新しく追加されたテキストがdivの幅を超えており、次のように表示されます。

text2

divをテーブルに変更して、テキストを。の中に入れてみました<td>。しかし、同じことが起こります。

なぜこうなった？また、コピー後にdiv内のテキストを保存するにはどうすればよいですか？

**注：word-wrap: break-word;単語を壊したくないので、使用したくない

4

1 に答える 1

0

「overflow: hidden;」を追加してみてください。div のスタイル宣言に。

それがうまくいかない場合は、「word-wrap」ルールを削除してみてください。それは必要ないかもしれません。

于 2012-09-28T13:08:07.310 に答える