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

用于将偶数宽度应用于动态表列数的CSS,css,Css,我有一张桌子,最初是有两列的,两列的宽度都是桌子宽度的50% 这是通过以下方式实现的: .catPagesTbl td {width: 50%;} 我对表的需求已经改变,因此表可以有2到多个列 我仍然需要将它们均匀地隔开,不管它们有多大,而且我不想在任何标记中包含样式标记或css类 我有什么办法可以做到这一点吗?这里有一些想法: 或者,如果“许多”相对较小,则可以为每个列布局定义样式: table.twoCol td { width: 50%; } table.threeCol td {

我有一张桌子,最初是有两列的,两列的宽度都是桌子宽度的50%

这是通过以下方式实现的:

.catPagesTbl td {width: 50%;}
我对表的需求已经改变,因此表可以有2到多个列

我仍然需要将它们均匀地隔开,不管它们有多大,而且我不想在任何标记中包含样式标记或css类

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

这里有一些想法:

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

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

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

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

谢谢-因为“很多”相对较小,所以我刚刚实现了你的想法。