純粹的JavaScript：以身體絕對位置div爲中心

Question

什麼是在不使用jQuery等庫的情況下將絕對位置div集中在body中的最簡單方法。謝謝！

編輯： 類似http://jsfiddle.net/apfwh/但也許有點清潔？

Answer 1

我認爲沒有js需要。 CSS將做到這一點（see here）：

body { 
    background: #888; 
} 

.box { 
    width: 100px; 
    height: 100px; 
    background: #ccc; 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    margin: -50px 0 0 -50px; 
} 

UPD

如果您沒有固定的元素的寬度/高度：

JS（元素打開時）：

element.style.margitLeft = -element.offsetWidth/2 
element.style.margitTop = -element.offsetHeight/2 

CSS：

.box { 
    background: #ccc; 
    position: fixed; 
    left: 50%; 
    top: 50%; 
}