長い単語によって引き起こされる DIV のオーバーフローを防ぐにはどうすればよいですか?

長い単語を含む DIV の改行コントロール

長すぎる単語により DIV 内のコンテンツがオーバーフローすると、見苦しくなる可能性があります。望ましい動作は、指定された幅内に単語の区切りを強制的に収めることです。

解決策: overflow-wrap

解決策は、overflow-wrap CSS プロパティを利用することです。 。オーバーフローラップの設定: ブレークワード;指定された DIV 幅内に収まるように、Web ブラウザが適切な位置で単語を区切るように強制します。これにより、すべてのコンテンツが正しく表示されます。

Internet Explorer の互換性に関する注意

while overflow-wrap:break-word;は最新のブラウザでサポートされていますが、Internet Explorer (IE) はこのプロパティをサポートしていません。代わりに、非推奨の word-wrap:break-word; が使用されます。

word-wrap の現在の使用法

非推奨になっているにもかかわらず、word-wrap:break-word;これは CSS 仕様によると overflow-wrap のエイリアスであるため、引き続き機能します。したがって、ワードラップの既存の使用法は引き続き意図したとおりに機能します。

以上が長い単語によって引き起こされる DIV のオーバーフローを防ぐにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。