在表格单元格中对齐DIV

Question

我有一个包含三列的HTML表.在最右边的列中,我想右对齐内容.为了做到这一点,我有以下内容:

<table border='0' cellpadding='0' cellspacing='0' style='width:100%;'>
  <tr>
    <td>Content 1</td>
    <td>Content 2</td>
    <td style='text-align-right'>Content 3</td>
  </tr>
</table>

第三个单元格中的内容实际上是通过一些服务器端代码生成的.当生成内容是文本时,内容正确对齐.但是,当我尝试右对齐第三个单元格内的DIV元素时,它不会这样做.DIV始终是左对齐的.如何在表格单元格中右对齐DIV？

谢谢!

Answer 1

您的代码应如下所示,以满足div和非div的情况:

<td style="text-align:right;">
  <div style="float: right;" align="right"></div>
</td>

Answer 2

上课

<td class="rightAlign">

并使用！important的text-align属性定义一个css类

.rightAlign{
    text-align: right !important
}

这将使DIV继承正确的对齐方式。