2013-10-14 72 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文件當然。

相關問題