2010-07-26 201 views
2

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

谢谢!

+0

仅供参考,有在最后TD一个错字,它的“文本对齐: 对”。可能是问题.. – 2011-08-03 15:27:57

回答

10

您的代码应该是这样的,以满足DIV和非DIV情况:

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

把一个类到TD

<td class="rightAlign"> 

并定义与text-align属性CSS类!重要

.rightAlign{ 
    text-align: right !important 
} 

这将使DIV继承右对齐。

1

尝试:

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