將瀏覽器窗口中的絕對中心div（H + V）的最簡潔方法是什麼？

我需要建立一個簡單的內容（一個標誌和一些文本）的網頁，顯示在瀏覽器窗口的中心。我如何才能最好地實現這種針對當今Web瀏覽器的效果？將瀏覽器窗口中的絕對中心div（H + V）的最簡潔方法是什麼？

2010-08-27 Ivan

我dotn認爲有一種方法來垂直居中它，除非你使用js，因爲你永遠不會真正知道視口的尺寸，否則......但mayber有負面marigns或定位值我不知道的技巧。 – prodigitalson 2010-08-27 20:09:52

我想這個問題已經在這裏問過幾次了.. http://stackoverflow.com/search?q=center+a+div – 2010-08-27 20:45:46

這是一個非常簡單的解決方案。我不採取任何信用此：

都非常好，一個簡單的body>div情況像你。

您的其他選擇，雖然我擔心這裏附近的一些表仇敵的影響，但您可以將div封裝在一張表中，並使用其上的vertical-align:middle屬性來處理不帶javascript的垂直對齊。然後使用margin：0 auto;在div上處理水平中心。

2010-08-27 20:11:18

如果你知道該元素的尺寸（做這些值的數學）：

position: absolute; 
left: 50%; 
top: 50%; 
width: ($WIDTH)px; 
height: ($HEIGHT)px; 
margin: (-$HEIGHT/2)px 0 0 (-$WIDTH/2)px;

它所做的它定位在視口的中心元素的左上角，然後使用負邊緣以中心點爲視口的中心。

2010-08-27 20:09:53

，你可以把你的內容的DIV中，並提供高度&寬度這個div然後把這個簡單的CSS像你應用的寬度爲300px &高度300像素::

div { 
position: absolute; 
top: 50%; 
left: 50%; 
margin: -150px 0 0 -150px; 
}

那麼它永遠是在中心，並確保你使用了有效的DOCTYPE。

2010-08-27 20:11:52

回答