HTML Table Text Alignment

Question

<table> 
    <tr><td>aaaaa</td></tr> 
    <tr><td>aaaaaaaaaa</td></tr> 
    <tr><td>aaa</td></tr> 
</table> 

我想讓第一行和第三行的文本正確對齊，但不是第二行，我該怎麼做？

Answer 1

您可以使用您的HTML和使用nth-child選擇

tr:nth-child(odd) { 
text-align:right; 
} 

Answer 2

很簡單。

<table> 
     <tr style="text-align:right;"><td>aaaaa</td></tr> 
     <tr><td>aaaaaaaaaa</td></tr> 
     <tr style="text-align:right;><td>aaa</td></tr> 
    </table> 

或者使用類：

<table> 
      <tr class="tr-right"><td>aaaaa</td></tr> 
      <tr><td>aaaaaaaaaa</td></tr> 
      <tr class="tr-right"><td>aaa</td></tr> 
     </table> 

，並加入到CSS：

.tr-right{text-align:right;} 

或者如提到的，你可以使用CSS3選擇器，但這並不能在所有的瀏覽器。

tr:nth-child(odd) { 
text-align:right; 
} 

Answer 3

<table> 
    <thead></thead> 
    <tbody> 
     <tr class='right'><td>aaa</td></tr> 
     <tr><td>aaa</td></tr> 
     <tr class='right'><td>aaa</td></tr> 
    </tbody> 
</table> 

.rigth{ 
text-align:rigth; 
}