Twitter Bootstrap 2.0是否内置了对齐表格内容的内容？

Question

通过设置"align"属性很容易对齐表,但是通过css对齐表有点hacky.是否内置支持在Twitter Bootstrap 2.0中对齐表格？

Answer 1

没有内置任何东西来支持这个,但很容易添加如下内容:

.table th.rightCell,
.table td.rightCell {
  text-align: right;
}

另外,为了保持Bootstrap的命名约定并利用预先构建的`text-right`类,你应该将它添加到你自己的css:`.table th.text-right,.table td.text-right {text-align:对; 然后使用`<td class ="text-right"> Ta-dam </ td>` (25认同)

Answer 2

Bootstrap的对齐类包括.text-right哪些集合text-align: right.

不幸的是,Bootstrap text-align: left为表格单元格设置,所以应用于.text-righta <td>没有任何影响:

<td class="text-right">
  Still left aligned
</td>

但是,添加.text-right到单元格内的块元素可以正常工作:

<td>
  <p class="text-right">Right aligned</p>
</td>
<td>
  <div class="text-right">Right aligned</div>
</td>