css - 列数に基づいて各テーブル列の幅を計算します

Question

x列のテーブルがあり、テーブルの幅は固定です。

<colgroup>
    <col width="20%" />
    <col width="20%" />
    <col width="20%" />
    <col width="20%" />
    <col width="20%" />
</colgroup>

各列の幅は、列の数に基づいてください。4 列の場合、幅は 25%、3 列の場合は 33%、2 列の場合は 50%

JavaScript なしでこれを行う方法はありますか?

score 0 · Accepted Answer

JavaScriptなしで？いいえ、javascript を使用せずに列に幅の値を割り当てることはできませんでした。

HTML/CSS は、計算を行うためではなく、フレームワークを構築してサイトをスタイリングするためのものです。

また、パーセンテージの使用は、テーブルのコンテナーの固定幅がわからない場合に使用されます。コンテンツが同じ幅であることが確実でない限り、押しつぶすとテーブルの行が非常に高くなる可能性があります。コンテンツを 5 つの「固定」幅の列に入れます。

2 に答える 2