垂直/水平居中块级元素

Question

我的要求是元素和父元素的尺寸都是液体和波动的。因此，基本上将块放在块中，其中各自的尺寸完全未知。

我一直在使用JavaScript在运行时计算它们，考虑到只有JavaScript可以在运行时查看DOM并计算它。

Answer 1

@Shane，

CSS3推出了灵活的盒子模型，也许您可​​以根据您网站的受众使用它...

所以对于垂直＆amp;在body元素中水平居中阻止Level元素，你只需编写这个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/