divから流れ出るテキスト

テキストがある場合は、スペースなし とより200pxのdivのサイズよりも 200pxのように定義され、それが幅を流出だ私はここに私のコードを入れているhttp://jsfiddle.net/madhu131313/UJ6zG/ あなたは、写真の下に見ることができ 、編集：私が欲しいです次の行に移動するテキスト

これは、スペースのない長い単語が1つあるためです。word-wrapプロパティを使用して、テキストを分割できます。

#w74 { word-wrap: break-word; }

ブラウザのサポートもかなり良いです。こちらのドキュメントをご覧ください。

使用する

white-space: pre-line;

テキストがから流出するのを防ぎますdiv。テキストがの最後に達すると、テキストが壊れますdiv。

overflow:hidden; またはを使用する必要がありますscroll

http://jsfiddle.net/UJ6zG/1/

またはphpを使用すると、長い言葉を短くすることができます...

次のCSSプロパティをコンテナーブロック（div）に適用する必要があります。

overflow-wrap: break-word;

仕様によると（ソースCSS | MDN）：

overflow-wrapブラウザがそのコンテンツボックスをオーバーフローテキストを防ぐために、言葉の中に改行を挿入する必要があるか否かのCSSプロパティで指定。

値を break-word

オーバーフローを防ぐために、通常は改行できない単語は、行に他の許容できる改行ポイントがない場合、任意の場所で改行されることがあります。

言及する価値がある...

このプロパティは、元々は非標準で接頭辞なしのMicrosoftの拡張機能word-wrapであり、同じ名前のほとんどのブラウザに実装されていました。その後、エイリアスになりoverflow-wrap、に名前が変更さword-wrapれました。

レガシーブラウザのサポートに関心がある場合は、両方を指定する価値があります。

word-wrap    : break-word;
overflow-wrap: break-word;

例 IE9は認識しませんoverflow-wrapが、正常に動作しますword-wrap

overflow:autoそれを使用すると、div:) 内のテキストにスクローラーが表示されます。

これが役立つ場合。次のプロパティを値とともにセレクタに追加します。

white-space: pre-wrap;

これは私のためのトリックをしました：

{word-break: break-all; }

私は最近これに遭遇しました。私が使用した：display:block;

2つまたは3つの行にラップする必要があるのが1つのインスタンスだけの場合は<wbr>、文字列で数個使用するだけです。それらは同様に扱われます<br>が、必要がなければ改行は挿入されません。

<div id="w74" class="dpinfo">
adsfadsadsads<wbr>fadsadsadsfadsadsa<wbr>dsfadsadsadsfadsadsads<wbr>fadsadsadsfadsadsadsfa<wbr>dsadsadsfadsadsadsfadsad<wbr>sadsfadsadsads<wbr>fadsadsadsfadsads adsfadsads
</div>

これがフィドルです。

http://jsfiddle.net/gaby_de_wilde/UJ6zG/37/