2010-01-07 60 views
2

我發現用於在頁面上垂直對齊一個DIV一些技巧上Vertially對準一個DIV,其中大多數是概述這裏:整個頁面

http://blog.themeforest.net/tutorials/vertical-centering-with-css/

但是,我的工作項目現在在一個頁面垂直中心對齊的DIV上大量使用Javascript。有誰知道一個方法(最好不是基於Javascript),以保持DIV在屏幕中心垂直對齊,即使它的高度通過Javascript更改?

並且還帶有一個height: auto財產,如果可能的話,那麼它與我的內容發生變化。

謝謝。

+0

你要嚴格CSS?如果你願意破壞表格,這對於表格來說很容易做到 - 不是爲了佈局規則。 – 2010-01-07 21:36:56

+0

表格是我猜的一個選項,可能是最好的一個。無論如何,我並沒有真正使用表格進行佈局,我想我會和他們一起去。謝謝。 – Matt 2010-01-07 21:52:08

+0

http://giveupandusetables.com/我平時比這更耐心一點,但在某些時候,你乾脆放棄:) – ephemient 2010-01-07 22:01:47

回答

-1

這是未經測試,但嘗試:

margin-top: auto; 
margin-bottom: auto; 
+2

這相當於'的margin-top:0; margin-bottom:0;' – eyelidlessness 2010-01-07 21:37:27

+0

是的,經過測試,我發現它沒有工作。 – 2010-01-07 21:39:29