在表格單元格中對齊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

<td class="rightAlign">

並使用帶有！important的text-align屬性定義一個css類

.rightAlign{
    text-align: right !important
}

這將使DIV繼承正確的對齊方式。

Answer 3

嘗試：

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