用于将均匀宽度应用于表格列的动态数量的 CSS

Question

我有一个表格，最初有两列，两列的大小均匀，占表格宽度的 50%。

这是通过以下方式完成的:

.catPagesTbl td {width: 50%;}

我对表格的需求已经改变，表格可以有 2 列到多列。

我仍然需要均匀地隔开它们，无论它们有多少，而且我不想在任何标签本身中包含样式标签或 css 类。

有什么办法可以做到这一点吗？

Answer 1

这里有一些想法:HTML table: keep the same width for columns .

或者，如果“很多”相对较小，您可以为每个列布局定义样式:

table.twoCol td {
  width: 50%;
}
table.threeCol td {
  width: 33%;
}
table.fourCol td {
  width: 25%;
}
...

然后只需在表格中包含适当的类即可。