当有行数时，如何在第2行中定位单元格？

Question

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

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

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

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

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

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文件当然。