divから流れるテキスト
テキストがスペースなしおよびdivサイズ200pxより大きい場合、流出幅は200pxとして定義されています。ここにコードを配置しました http://jsfiddle.net/madhu131313/UJ6zG/ 以下の画像を見ることができますedited：テキストを次の行に移動させたい
これは、スペースのない長いWordが1つあるという事実によるものです。 Wordの折り返しプロパティを使用して、テキストを分割できます。
#w74 { Word-wrap: break-Word; }
ブラウザのサポートもかなり良好です。 これに関するドキュメントを参照 。
つかいます
white-space: pre-line;
divからテキストが流出するのを防ぎます。 divの最後に達すると、テキストが壊れます。
次のCSSプロパティをコンテナブロック（div）に適用する必要があります。
overflow-wrap: break-Word;
仕様に従って（ソース CSS | MDN ）：
overflow-wrapCSSプロパティは、ブラウザが単語内に改行を挿入して、テキストがコンテンツボックスをオーバーフローさせないようにするかどうかを指定します。
値をbreak-worldに設定して
オーバーフローを防ぐために、行に他の方法で許容されるブレークポイントがない場合、通常、壊れない単語は任意のポイントで壊れる場合があります。
言及する価値がある...
このプロパティは、元々
Word-wrapと呼ばれる非標準の接頭辞のないMicrosoft拡張であり、ほとんどのブラウザで同じ名前で実装されていました。その後、overflow-wrapがエイリアスになり、Word-wrapに名前が変更されました。
レガシーブラウザのサポートを気にする場合は、両方を指定する価値があります。
Word-wrap : break-Word;
overflow-wrap: break-Word;
例IE9はoverflow-wrapを認識しませんが、Word-wrapで正常に動作します
overflow:autoを使用すると、div内のテキストにスクローラーが表示されます:)。
これが役立つ場合。値を持つ次のプロパティをセレクターに追加します。
white-space: pre-wrap;
私は最近これに遭遇しました。私が使用した：display:block;