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%

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

Answer 1

没有javascript？不，您不能在不使用 javascript 的情况下为列分配宽度值。

HTML/CSS 用于构建框架和设置站点样式，而不是用于计算。

当您不知道表格容器的固定宽度时，也可以使用百分比，除非您确定内容的宽度相同，否则您最终可能会导致表格行变得非常高您正在将内容压缩到 5 个“固定”宽度的列中。