divに長い単語をワードラップする方法はありますか？

Question

私はInternet Explorerにワードラップスタイルがあることを知っていますが、divのテキストにそうするクロスブラウザー方式があるかどうかを知りたいと思います。

好ましくはCSSですがJavaScriptのスニペットもうまくいきます。

編集：はい、長い文字列を参照して、歓声の人々！

Answer 1

、ラザフォードは、切れ目のない破るために設計されたIEのためのワードラップの彼の使用により推測切れ目のないテキストを（、ラップするクロスブラウザ方法を探しています文字列）。

/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */ 
.wordwrap { 
    white-space: pre-wrap;  /* CSS3 */ 
    white-space: -moz-pre-wrap; /* Firefox */  
    white-space: -pre-wrap;  /* Opera <7 */ 
    white-space: -o-pre-wrap; /* Opera 7 */  
    word-wrap: break-word;  /* IE */ 
} 

私はこのクラスをちょっと使ったことがあり、魅力的です。 （注：私はFireFoxとIEでのみテストしました）

Answer 2

デイビッドが言及しているように、DIVは、デフォルトではになります。

あなたは私がやることは、文字列、サーバー側を処理し、空のスパンを挿入され、スペースを含まないテキストの本当に長い文字列を参照している場合：

thisIsAreallyLongStringThatIWantTo<span></span>BreakToFitInsideAGivenSpace 

フォントサイズに問題があるとして、それは正確ではありませんですなど。 spanオプションは、コンテナのサイズが可変であれば機能します。固定幅のコンテナであれば、改行を挿入するだけです。

Answer 3

divの幅をピクセル、パーセンテージ、emのいずれで指定しても問題はありません。その時点でdivはその幅のままで、テキストはdiv内で自動的に折り返されます。元のコメントを読む

Answer 4

white-space: pre-wrap 

quirksmode.org/css/whitespace.html

Answer 5

Aaron Bennetのソリューションは私にとって完璧に機能していますが、コードからこの行を削除する必要がありました - >white-space: -pre-wrap; beacauseコードの作業は以下の通りです：

.wordwrap { 
    white-space: pre-wrap;  /* CSS3 */ 
    white-space: -moz-pre-wrap; /* Firefox */ 
    white-space: -o-pre-wrap; /* Opera 7 */  
    word-wrap: break-word;  /* IE */ 
} 

前の回答のほとんどは、Firefox 38.0.5で私のために動作しませんでした非常に

Answer 6

をお願いします。これは...

<div style='padding: 3px; width: 130px; word-break: break-all; word-wrap: break-word;'> 
    // Content goes here 
</div> 

ドキュメントんでした：

• word-break
• word-wrap