2013-10-14 34 views
0

我的CSS中心的所有单元格中的数据表,除了在第一列的单元格居中,就像这样:如何在有第二行时定位第二行中的单元格?

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

这是所有罚款和除表良好,其中任何细胞的第一列跨越多行。当然,一个图片的胜过千言万语,所以在这里你去:

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

我知道我可以使用内联CSS或类别上有问题的细胞,使它们的中心,但我希望有一个通用的解决方案这不需要编辑<表>本身。你怎么看?

+0

类似乎是最健壮的解决方案。 –

+0

你可以给所有最左边的单元格添加一个rowspan,然后用'td [rowspan]'来选择它们,但除此之外,我想不出任何东西。像这样:http://jsfiddle.net/jakelauer/qmGGG/2/ – Jake

+0

@Jake因为他最好设置一个类,比如'.first-row'或其他...似乎比使用'rowspan更合乎逻辑'对于它们全部 –

回答

0

您可以使用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文件当然。

相关问题