對齊表格單元格中的DIV

我有一個包含三列的HTML表格。在最右邊的列中，我想要對齊內容。在試圖做到這一點，我有以下幾點：對齊表格單元格中的DIV

<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？

謝謝！

來源

2010-07-26 user336786

僅供參考，有在最後TD一個錯字，它的「文本對齊：對」。可能是問題.. – 2011-08-03 15:27:57

您的代碼應該是這樣的，以滿足DIV和非DIV情況：

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

來源

2010-07-26 15:43:14 Sarfraz

把一個類到TD

<td class="rightAlign">

並定義與text-align屬性CSS類！重要

.rightAlign{ 
    text-align: right !important 
}

這將使DIV繼承右對齊。

來源

2010-07-26 15:40:04 cesarnicola

嘗試：

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

來源

2010-07-26 15:40:27 fantactuka

對齊表格單元格中的DIV

回答

相關問題