用于将偶数宽度应用于动态数量的表列的CSS

Question

我有一张桌子，最初要有两根柱子，两根柱子均匀分布，宽度为50％。

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

.catPagesTbl td {width: 50%;}

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

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

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

Answer 1

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

或者，如果“many”相对较小，则可以为每个列布局定义样式：

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

然后在表格中加入适当的类。

Answer 2

您还可以查看使用datatables jQuery库-http：//datatables.net/ 它提供了多种方式来为结果表设置样式，例如每列样式。 Levi Stanley的方法也是一个好主意。