コード全体で再利用される CSS テーブルがあります。データのサイズとテーブルの列数は、テーブルが使用されるたびに異なります。テーブルの最大幅 (CSS で設定) はページの 80% です。ただし、テーブルのデータが少ない場合 (テーブルをページの 50% に拡張する場合など)、テキストの一部の行が 2 行に分かれることがあります。これに対抗する方法は、テーブルが使用可能なすべてのスペースを使用するようにすることです。
これが現時点で起こっていることです:
テーブルの幅を手動で設定しようとしましたが、テーブルの幅を小さくするだけでよい場合でも、テーブルが引き伸ばされたままになります。
CSS も使用してみましたwhite-space:nowrap;
が、これにより、1 つの列に多くのデータがある場合、テーブルが 80% を超えて拡張されます。
とにかく、これら 2 つの問題を CSS で解決するには?