如何創建一個TD左對齊並且其兄弟右對齊的表？

Question

我想用一行（tr）和兩列（td）在HTML中創建一個表格。

第一個td，我希望它的內容對齊左邊和第二個td，我希望它的內容對齊到右邊。我該怎麼做呢？

Answer 1

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

但你很可能也使用日和TD，而不是2 TD的。

Answer 2

只需在CSS中設置text-align屬性即可。默認情況下，第一個不需要，應該留下。

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

Answer 3

顯然有幾種方法可以做到這一點，但在CSS3中，我有兩種選擇，我認爲它們更具體。

的相鄰兄弟選擇

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

和一般兄弟姐妹Combinator的

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