为什么对齐和text-align与表不同?

时间:2009-12-17 20:34:44

标签: html css

您好我正试图找到一种方法来使用“令人讨厌的”align=center技巧..

好吧,当我看一些代码时,我注意到两个非常相似的部分没有渲染相同。我找不到让他们以同样方式行事的方法。这包括用div替换顶层表。注意:底层表必须保留一个表,因为它在我们的实际代码中非常复杂。

<table style="width: 500px;" align=center>
<tr>
<td>
<table><tr><td>
Hello there... .this is some text and such
</table></tr></td>
</td>
</tr>
</table>

删除第一行

 <table style="width: 500px;text-align: center">

使渲染左对齐。如何在没有太多黑客攻击的情况下使其渲染为中心?

(注意这只是一个简化的例子,我们的实际网站要复杂得多)

2 个答案:

答案 0 :(得分:2)

text-align:center添加到表格的父容器样式中,并将margin:0 auto添加到表格本身,它应该按预期方式对齐。 (在FF中测试)

编辑:删除了无效的CSS“帮助”...我的错误。

答案 1 :(得分:0)

This可能是一个有用的资源。它表示要进行水平对齐,您可以添加样式:

margin-left:auto;
margin-right:auto;

IE中仍然存在一个问题(它需要text-align:center)链接描述并说明如何适应。