css - 用于将均匀宽度应用于动态表列数的 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 的方法也是一个好主意。