在表格单元格中对齐 DIV答案

【问题标题】：Aligning a DIV within a table cell在表格单元格中对齐 DIV
【发布时间】：2011-03-21 03:56:53
【问题描述】：

我有一个包含三列的 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？

谢谢！

【问题讨论】：

仅供参考，最后一个 td 中有一个错字，它是“text-align: right”。可能是问题..

标签： html css

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

试试：

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

【讨论】：

【解决方案3】：

给 td 加个类

<td class="rightAlign">

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

.rightAlign{
    text-align: right !important
}

这将使 DIV 继承右对齐。

【讨论】：