有没有办法让表格中的某些列居中?

时间:2012-04-21 02:08:25

标签: html css html5 css3 markup

我广泛使用css格式化并为表定义类,其中包含thead,tbody,tfoot的子类以及tr,th,td的另一个子类....

在某些情况下,我想让表格的整列具有某种风格的类......但不知道该怎么做。

有没有办法(使用HTML5,css3,其他什么?)使tbody的某些列中的所有单元格具有相同的类?

我可以明确地(手动)指定类,但我想避免这种重复。

欢迎任何想法。

P.S。可能我不应该为此烦恼,只是为每个单元格明确指定类?

2 个答案:

答案 0 :(得分:2)

您可以使用nth-child css伪选择器来定位表格的中间列。

示例:

#myTable tr td:nth-child(3) {
  text-align: center;
}

这将连续定位第3列,只需相应地调整X.也可以使用“n”作为每个第n个孩子的变量。查看http://css-tricks.com/how-nth-child-works/以获取全面的示例。

答案 1 :(得分:1)

查看colcolgroup标记。它们可用于定义列。虽然适用哪种风格有一些限制。

http://www.quirksmode.org/css/columns.html