垂直/水平中心塊級元素

Question

我的要求是元素和父元素的尺寸都是液體並且波動。因此，基本上在一個塊內放置一個塊，其各自的尺寸完全是未知的。

我一直在使用JavaScript來計算它們在運行時，只考慮JavaScript可以在運行時查看DOM並計算出來。

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/