在表格单元格中对齐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元素？

谢谢！

- user336786

---

顺便提一下，最后一个 td 有个错别字，应该是 "text-align: right"。可能就是问题所在了。 - Øyvind Skaar

Answer 1

要同时满足div和非div的情况，您的代码应该像这样：

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

- Sarfraz

Answer 2

给 td 添加一个类。

<td class="rightAlign">

并定义一个带有text-align属性的CSS类，使用!important来强制生效。

.rightAlign{
    text-align: right !important
}

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

- cesarnicola

Answer 3

尝试：

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

- fantactuka