html - 在表格单元格内对齐 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>