我想在 HTML 中创建一个只有一行 (tr) 和两列 (td) 的表。
第一个 td，我希望其内容与左侧对齐，第二个 td，我希望其内容与右侧对齐。我该怎么做呢？
问问题
50 次
3 回答
2
tr td{text-align:right}
tr td:first-child{text-align:left}
但是您也可以使用 th 和 td 而不是 2 td。
于 2012-07-02T22:21:21.900 回答
1
显然有几种方法可以做到这一点，但在 CSS3 中，您有两种选择，我认为它们更具体地满足您的要求。
相邻兄弟选择器
td { text-align: left; }
td + td { text-align: right; }
和通用兄弟组合器
td { text-align: left; }
td ~ td { text-align: right; }
于 2012-07-02T22:32:41.927 回答
0
只需text-align在 CSS 中设置属性。第一个是不必要的，因为默认情况下应该保留它。
<table style="width:200px;">
<tr>
<td style="text-align: left;">a</td>
<td style="text-align: right;">b</td>
</tr>
</table>
于 2012-07-02T22:20:46.057 回答