0

使用这个 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%，这是我不想要的。

4

1 回答 1

0

感谢 Martin Turjak使用 colgroup 中的 text-align center将我指向该线程。它表明 <col> 仅支持四个属性（而不是 text-align），并提供了解释原因的链接。所以问题的答案是：不能用 <col>

那篇文章还展示了 text-align: right 如何应用于表格的第一列，因为这是我想要做的，它给了我需要的答案。

于 2013-05-11T19:38:01.970 回答