CSS類不完全適用

有了這個CSS：CSS類不完全適用

table.swtable, .swtable tr, td {border-collapse:collapse; border: 1px solid black; width: auto !important} 
.swtable td {padding: 10px; text-align: center} 
.swcolheading {background-color: #D9FFD9} 
.swrowheading {background-color: #D9FFD9; text-align: right}

這個HTML：

<table class="swtable"> 
    <colgroup><col class="swrowheading"></colgroup> 
    <tr class="swcolheading"><td></td><td>col 1</td><td>col 2</td></tr> 
    <tr><td>row 1</td><td>c1 r1</td><td>c2 r1</td></tr> 
    <tr><td>row 2</td><td>c1 r2</td><td>c2 r2</td></tr> 
</table>

表拿起第一列正確的背景顏色，但文本在該列中居中對齊。我如何設法讓第一列中的文本右對齊。顯然，CSS的第一行是爲所有單元格設置中心對齊方式，但是如何覆蓋第一列的中心對齊方式？

請注意，爲表格指定了寬度選項，因爲其他人的CSS已將表格寬度設置爲100％，這是我不想要的。

來源

2013-05-11 Steve Waring

這可能有助於http://stackoverflow.com/questions/1238115/using-text-align-center-in-colgroup/1238151#1238151或http://stackoverflow.com/questions/4458131/is-there -a-way-to-set-text-alignment-of-whole-column-in-a-table – 2013-05-11 14:21:38

這裏是一個jsfiddle，使用我在上面的評論中鏈接到的答案之一的解決方案： http://jsfiddle.net/7Z9Dt/ – 2013-05-11 14:37:00

非常感謝馬丁，那第一個鏈接告訴我該怎麼做:) – 2013-05-11 19:40:35

感謝Martin Turjak指點我的線程using text-align center in colgroup。它顯示<col>只支持四個屬性（而不是文本對齊），並給出瞭解釋原因的鏈接。所以，這個問題的答案是：它不能與<山坳做>

那個帖子也顯示瞭如何文本對齊：右表中可被應用到第一列，因爲這是我想做的事它給了我我需要的答案。

來源

2013-05-11 19:38:01

CSS類不完全適用

回答

相關問題