순수 JavaScript : 본문의 절대 위치 div 중심 지정

Question

jQuery와 같은 라이브러리를 사용하지 않고도 본문에서 절대 위치 div의 중심을 지정하는 가장 쉽고 간단한 방법은 무엇입니까? 고맙습니다!

편집 : 무언가는 http://jsfiddle.net/apfwh/과 비슷하지만 조금 깔끔합니까?

Answer 1

나는 js가 필요하지 않다고 생각한다. CSS는 (see here)에 그것을 할 것이다

JS (요소가 개방) :

body { 
    background: #888; 
} 

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

UPD

을 경우에는 소자의 폭/높이에 고정하지 않는

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

CSS :

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