空白を使用せずにテーブルデータ要素内のテキストを折り返す方法?

空白なしでテーブル データ要素内のテキストを折り返す

テーブル データ要素内でテキストを折り返そうとするとき () 、ブラウザ間で不一致が発生する可能性があります。ワードブレークを使用している場合: ブレークオール;およびテーブル レイアウト: 固定。 Chrome では動作するかもしれませんが、Firefox では失敗する可能性があります。

幸いなことに、より包括的な解決策があります。

.wrapword {
    white-space: -moz-pre-wrap !important;
    white-space: -webkit-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

この CSS コードは、ブラウザのデフォルトの動作をオーバーライドすることで、テキストがシームレスに折り返されるようにします。 。使用方法は次のとおりです:

<table>

このアプローチを使用すると、Firefox やその他のブラウザーでテキストが適切に折り返されます。

以上が空白を使用せずにテーブルデータ要素内のテキストを折り返す方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。