☰

DIV 内の長い単語を強制的に改行するにはどうすればよいでしょうか? 質問する

tag-icon • tag-icon html css line-breaks
DIV 内の長い単語を強制的に改行するにはどうすればよいでしょうか? 質問する

わかりました。これは本当に混乱します。div 内に次のようなコンテンツがあります。

<div style="background-color: green; width: 200px; height: 300px;">

Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.

</div>

ただし、「単語」が長すぎるため、コンテンツは DIV からオーバーフローします (予想どおり)。

コンテンツ全体を収めるために必要な場所でブラウザに単語を「分割」させるにはどうすればよいですか?

ベストアンサー1

使用 word-wrap:break-word;

IE6 でも動作するので、嬉しい驚きです。

word-wrap: break-wordは次のように置き換えられましたoverflow-wrap: break-word;これはすべての最新ブラウザで動作します。IE は廃止されたブラウザであるため、代わりに非推奨の非標準に永久に依存することになりますword-wrap。

仕様に従ってword-wrapエイリアスであるため、現在の既存の使用法も引き続き機能します。overflow-wrap

おすすめ記事