如何使用CSS将表格的最后两列右对齐

Question

如何使用CSS将表格的最后两列右对齐

15

我想将表格的最后两列文字右对齐。

<table>
  <tr>
    <th>H 1</th>
    <th>H 2</th>
    <th>H 3</th>
    <th>H 4</th>
  </tr>
  <tr>
    <td rowspan='3'>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
  </tr>
  <tr>
    <td>2</td>
    <td>3</td>
    <td>4</td>
  </tr>
  <tr>
    <td>2</td>
    <td>3</td>
    <td>4</td>
  </tr>
</table>

每行中的列数不相同，我不确定如何使用 css :nth-child 选择每行中的最后两个 td 元素。

- Martlark

有一种丑陋的方式，那就是 <td align="right">X</td>。 - sensation

last-child选择最后一个子元素，但不确定如何获取倒数第二个子元素。 - Martlark

可能是使用CSS在表格单元格中右对齐的重复问题。 - Interrobang

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Mark Simpson · Accepted Answer

http://jsfiddle.net/BB9ty/

th:last-child,
td:last-child,
th:nth-last-child(2),
td:nth-last-child(2) {
    text-align: right;
}