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类不完全适用

回答

相关问题