强制列内容为`text-align：right`

Question

最好的方法是什么 - 如果有的话，不使用js - 强制属于一个td的所有col来获取col中指定的属性？

一个简单的

<col style='text-align:right' /> 

似乎对基础表格单元格内容没有任何影响。

Answer 1

使用css和nth-child(column-index)

＆＃13;

＆＃13;

table tbody td:nth-child(2){
    text-align: right;
}

＆＃13;

<table border=1>
 <thead>
  <tr>
     <th>Month</th>
     <th>Savings</th>
  </tr>
 </thead>
 <tbody>
  <tr>
     <td>January</td>
     <td>$100</td>
  </tr>
  <tr>
     <td>February</td>
     <td>$80</td>
  </tr>
 </tbody>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 2

在要与右侧对齐的标记中使用style="float: right;"。