如何创建一个 TD 向左对齐且其兄弟向右对齐的表？

【问题标题】：How do I create a table with a TD aligned to the left and its sibling aligned to the right?如何创建一个 TD 向左对齐且其兄弟向右对齐的表？
【发布时间】：2012-07-03 08:29:45
【问题描述】：

我想在 HTML 中创建一个只有一行 (tr) 和两列 (td) 的表格。

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

【问题讨论】：

标签： html css

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

显然有几种方法可以做到这一点，但在 CSS3 中，您有两种选择，我认为这两种选择更符合您的要求。

相邻兄弟选择器

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

和通用兄弟组合器

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

【讨论】：

【解决方案3】：

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

但您也可以使用 th 和 td 而不是 2 td。

【讨论】：