html - HTMLテーブルのテキストの配置

Question

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

1行目と3行目のテキストを右揃えにしたいのですが、2行目は揃えたくないのですが、どうすればよいですか？

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;
}