如何创建一个TD左侧对齐且右侧对齐的TD表？

Question

我想用HTML创建一个只有一行（tr）和两列（td）的表。

第一个td，我希望它的内容与左边和第二个td对齐，我希望它的内容与右边对齐。我该怎么做？

Answer 1

tr td{text-align:right}
tr td:first-child{text-align:left}

但你也可以使用th和td代替2 td。

Answer 2

显然有几种方法可以做到这一点，但在CSS3中你有两个选项，我认为这些选项更适合你所要求的。

相邻的兄弟选择器

td { text-align: left; }
td + td { text-align: right; }

和General Sibling Combinator

td { text-align: left; }
td ~ td { text-align: right; }

Answer 3

只需在CSS中设置text-align属性即可。第一个是不必要的，因为默认情况下，它应该被保留。

​<table style="width:200px;">
<tr>
    <td style="text-align: left;">a</td>
    <td style="text-align: right;">b</td>
</tr>
</table>​​​​​​​​​​​​​​​​​