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 有没有办法做到这一点？

Answer 1

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

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

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

Answer 2

请指定您使用的编程语言。

如果您使用的是 php..，

如果总列数是$x

在循环中你必须设置

<col width="<?php echo 100/$x; ?>" />