css - 有行跨度时如何定位第二行中的单元格？

Question

我的 CSS 将数据表中的所有单元格居中，除了第一列中的单元格居中，如下所示：

td {text-align:center}
td:first-child {text-align:left}

除了第一列中的任何单元格跨越多行的表格之外，这一切都很好。当然，一张图片胜过一千个字，所以你去吧：

http://jsfiddle.net/michaelbluejay/qmGGG/1/

我知道我可以在有问题的单元格上使用内联 CSS 或类来使它们居中，但我希望有一个不需要编辑 <table> 本身的通用解决方案。你怎么看？

Answer 1

您可以为此使用 colgroup。 http://www.w3schools.com/tags/tag_colgroup.asp

如果您尝试，请不要忘记删除您的 td:first-child 选择器。

<colgroup>
    <col />
    <col style="text-align:center;" />
    <col style="text-align:center;" />
</colgroup>

我以内联样式为例。当然，把它放在你的css文件中。