수직/수평 중심 블록 레벨 요소

Question

필자의 요구 사항은 요소와 부모 요소의 치수가 액체이며 변동이 있다는 것입니다. 따라서 기본적으로 블록을 블록 내부에 배치합니다. 여기서 블록의 각 차원은 완전히 알려지지 않습니다.

JavaScript 만 런타임에 DOM을 살펴보고이를 계산할 수 있다는 점을 감안할 때 런타임에 JavaScript를 계산할 때 JavaScript를 사용하고 있습니다.

Answer 1

@Shane,

CSS3는

그래서 수직 & 수평으로 본문 요소의 중심 블록 레벨 요소, ... 어쩌면 당신이 당신의 웹 사이트의 관객 따라 사용할 수 있으며, 유연한 박스 모델을 도입 당신은이 CSS 선언을 작성해야 할 것 :

body { 
    display: box; 
    box-orient: horizontal; 
    /* horizontally centered */ 
    box-pack: center; 
    /* vertically centered */ 
    box-align: center; 
    width: 100%; 
    height : 100%; 
} 

http://hacks.mozilla.org/2010/04/the-css-3-flexible-box-model/