特に Internet Explorer で、HTML テーブルのセルでワードラップを効果的に有効にするにはどうすればよいですか?

HTML テーブルでのワードラップ

ワードラップ、指定された幅内に収まるようにテキストを自動的に分割することは、課題になる場合があります表のセルの場合。一般的な word-wrap:break-word プロパティは、これらの要素では機能しないことが多く、テキストがセルの境界を越えてしまう可能性があります。

text-wrap:suppress または text-wrap:normal を使用するという提案にもかかわらず、これらは解決策は効果がないことが判明しました。ただし、Internet Explorer で実行可能なアプローチには、table-layout:fixed 属性をテーブルに追加することが含まれます。

table-layout:fixed を設定すると、ブラウザは内容に基づいてテーブルの列の幅を計算し、それらはテーブル全体で固定されています。この動作は、列の幅を動的に調整できるデフォルトの table-layout:auto とは異なります。

次の変更された HTML を考えてみましょう:

この調整により、長い単語は表のセル内でラップし、セルの境界からはみ出さないようにします。このソリューションは、Internet Explorer の HTML テーブル セルのワードラップの問題に対処します。

以上が特に Internet Explorer で、HTML テーブルのセルでワードラップを効果的に有効にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。