テキストにスペースがなく、divサイズが200px を超えると、幅が200pxと定義されます。ここにコードを配置しました。http ：//jsfiddle.net/madhu131313/UJ6zG/ 以下の画像を 編集して確認できます。次の行に移動するテキスト
301451 次
10 に答える
227
これは、スペースのない長い単語が1つあるためです。プロパティを使用してword-wrap、テキストを分割することができます。
#w74 { word-wrap: break-word; }
かなり良いブラウザサポートもあります。こちらのドキュメントをご覧ください。
于 2012-08-30T12:42:16.557 に答える
126
使用する
white-space: pre-line;
テキストがから流出するのを防ぎますdiv。の終わりに達すると、テキストが壊れますdiv。
于 2014-12-30T05:55:09.480 に答える
34
overflow:hidden; またはを使用する必要がありますscroll
またはphpを使用すると、長い単語を短くすることができます...
于 2012-08-30T12:32:31.903 に答える
15
次のCSSプロパティをコンテナブロック（div）に適用する必要があります。
overflow-wrap: break-word;
仕様によると（ソースCSS | MDN）：
CSSプロパティは
overflow-wrap、テキストがコンテンツボックスからオーバーフローするのを防ぐために、ブラウザが単語内に改行を挿入するかどうかを指定します。
値をに設定してbreak-word
オーバーフローを防ぐために、行に他の方法で許容できるブレークポイントがない場合、通常はブレークできない単語が任意のポイントでブレークされることがあります。
言及する価値があります...
このプロパティは元々、と呼ばれる非標準で接頭辞のないMicrosoft拡張機能
word-wrapであり、同じ名前のほとんどのブラウザで実装されていました。その後、エイリアスとしてoverflow-wrap、に名前が変更されました。word-wrap
従来のブラウザのサポートに関心がある場合は、次の両方を指定する価値があります。
word-wrap : break-word;
overflow-wrap: break-word;
元。IE9は認識しませんoverflow-wrapが、正常に動作しますword-wrap
于 2018-01-14T21:13:21.640 に答える
7
これを使用すると、 :)overflow:auto内のテキストにスクローラーが表示されます。div
于 2012-08-30T12:47:56.757 に答える
6
これが役立つ場合。次のプロパティと値をセレクターに追加します。
white-space: pre-wrap;
于 2018-04-06T18:00:37.093 に答える
5
これは私のためのトリックをしました：
{word-break: break-all; }
于 2019-12-20T09:57:34.460 に答える
2
私は最近これに遭遇しました。私が使用した：display:block;
于 2016-03-30T14:29:37.043 に答える
-6
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>
これがフィドルです。
于 2014-01-27T00:12:50.153 に答える