2009-12-17 62 views
1

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

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

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

+0

這是不合法的CSS,並且在我的瀏覽器(firefox)中不會呈現任何不同的內容。 – Earlz 2009-12-17 20:41:35

+0

那麼,那對於一個錯誤的答案怎麼樣......先注意自我閱讀,然後回答第二個問題。 – 2009-12-17 20:45:11

+0

那就是訣竅! :) – Earlz 2009-12-17 20:54:35

0

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

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

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