爲什麼對齊和文本對齊與表不同？

Question

你好我試圖找到解決使用「骯髒」 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"> 

使得它呈現靠左對齊。我怎樣才能讓它呈現在沒有太多黑客攻擊的中心？

（注意，這只是一個簡單的例子，我們現場實際要複雜得多）

Answer 1

添加text-align:center到表的父容器的風格，margin:0 auto表本身，它應該對齊方式你的期望。 （在FF中測試）

編輯：刪除無效的CSS「幫助」...我的錯誤。

Answer 2

This可能是一個有用的資源。它說，做一個水平對齊您可以添加樣式：

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

還有在IE的問題（它需要的text-align：中心）的鏈接介紹並說明如何適應的。