テーブルの幅を制限する

Question

私はhtmlテーブルを最大700pxにすることができますが、そこにいくつのカラムがあるのか​​は分かりません（3〜10）。すべての<th>要素に5pxのパディングを付けることをお勧めしますが、これにより表の幅が広がり、divが置かれて水平スクロールバーが表示されます。

私は列の数を知らないので、余分なピクセルを合計幅から除外することはできません。

divにオーバーフロー値を設定することは、700pxを超える列を覆い隠すだけなので、意味がありません。

これを回避して、テーブルの幅に適切なハード制限を設定する方法はありますか？

Answer 1

以下のCSSを使用し、これは、ユーザーが定義し、あなたのテーブルが最大サイズを超え防ぐ必要があります。

table{ 
    table-layout:fixed; 
} 

Answer 2

表幅を100％、親div幅を700pxに設定します。

Answer 3

これを可能な限り解決する方法は、現在使用している方法です。

列数を予測できないため、各列に幅を設定することはできません。したがって、親divのオーバーフローをautoに設定し、子テーブルの幅を100％に設定するのが最適です。

Answer 4

パディングをどのように設定していますか？

あなたはテーブルとTD上パディングに幅を設定した場合、あなたは正確に何をしたい得ることができる必要があります。