css - 根据列数计算每个表格列的宽度

我有一个具有x列数的表，并且该表具有固定的宽度。

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

我希望每列的宽度基于列数。如果4列的宽度为25％，则3 = 33％如果2 = 50％

没有JavasScript，有没有办法做到这一点？

最佳答案

没有JavaScript？不，如果不使用JavaScript，就无法为列分配宽度值。

HTML / CSS用于构建框架和设计网站样式，而不用于数学。

当您不知道表格容器的固定宽度时，也可以使用百分比，除非您确定内容的宽度相同，否则当挤压时表格行会变得很高内容放入5个“固定”宽度列中。