如何創建一個表，其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; }

和同級組合

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>​​​​​​​​​​​​​​​​​