DIV 内で長い単語がオーバーフローしないようにするにはどうすればよいですか?

DIV での長い単語のオーバーフローを克服する

DIV 要素を操作するときに直面する一般的な課題の 1 つは、テキストが DIV の幅を超えてしまい、コンテンツがコンテナの外にオーバーフローしてしまうことです。 。これは、過度に長い単語を扱う場合に特に顕著です。

この問題に対処し、テキストが DIV の境界内にぴったりと収まるように、CSS は解決策を提供します。

overflow-wrap を使用する: Break- word;

overflow-wrap プロパティを次のように設定することにより、 break-word を使用すると、ブラウザーは定義された DIV 幅内に収まるように適切な位置で単語を自動的に分割します。これにより、テキスト全体がオーバーフローすることなく表示されるようになります。

div {
  overflow-wrap: break-word;
}

例:

<div>
<p>overflow-wrap の使用: Break-word;指定された DIV 幅内にすべてのテキストが収まるようブラウザに強制し、必要に応じて長い単語を分割します。</p>
<p><strong>注:</strong> IE6 などの古いブラウザとの互換性のために、非推奨のプロパティ <strong>ワードラップ: ブレークワード</strong>。ただし、代わりに最新の <strong>overflow-wrap</strong> プロパティを利用することをお勧めします。</p>
</div>

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