1

最初は、を設定せず、次のようfont-sizeに長いテキストを挿入します。div

<div>Hello World Hello World Hello World Hello World Hello World Hello World</div>

ブラウザを絞り込むと、オーバーフロー部分が次の行に変わります。

しかし、テキストfont-sizeサイズを大きいサイズに設定すると、次のようになります。

<div style="font-size:72px;">asdasdasasdasdasd</div>

ブラウザを絞り込みましたが、オーバーフロー部分を次の行に変更できませんでした。

こちらのデモ

では、なぜこれが起こったのでしょうか？どうすれば問題を解決できますか？どんなに大きなサイズに設定してもfont-size、レイアウトは通常通り流動的です

4

1 に答える 1

2

デモに関しては、長い文字列にスペースを入れなかったため、通常、ブラウザはそれを1つの「単語」と見なし、分割しないことを好みます。

デモを複数の行に分割するには、スペースを追加します：http: //jsfiddle.net/dxXBQ/2/

もちろん、それはあなたの本当の内容ではないと思います。実際のコンテンツに長い単語が含まれていて、それでもそれらを折り返したい場合は、word-wrapCSSスタイルを使用してください：http：//jsfiddle.net/dxXBQ/4/

于 2012-09-03T07:23:08.970 に答える