style="width: 100%"動的データがセルに配置された固定幅のテーブル ( ) があります。データは幅の点で大きく異なり、一部の文字列はスペースなしでテーブルの長さを超えています。そのため、table { table-layout:fixed; word-wrap: break-word; }テキストを列で折り返して、テーブルがページ幅を超えないようにしてきました。
ただし、これはテーブルのスペースの最適な使用法ではない等間隔の列になり、一部のセルは 2 回または 3 回ラップされ、他のセルはそのすべてのスペースに 1 つの単語を含みます。
テーブルの最大幅を維持し、単語を分割し、可変幅の列にブラウザーのレイアウト最適化を利用する方法はありますか?