javascript - テキストがdivよりも広い場合、jQueryは改行を追加します

Question

次の jQuery コードを使用して、div にテキストを追加します。

jQuery("div").text('some lorem ipsum');

div の最大幅は、CSS で設定された 400px です。400px を超えて空白のないテキストを入力すると、テキストが改行されません。代わりに、私が望まないdivをオーバーフローさせます。空白のないこのテキストが 400px の後に新しい行に分割されていることを解決するにはどうすればよいですか?

Answer 1

CSS word-break jsfiddleを使用する

div{
 word-break:break-all;
}

Answer 2

word-wrapプロパティを使用して CSS でこれを行うことができます。

div {
    word-wrap: break-word
}