css - 在屏幕中居中元素 - 忽略浏览器大小调整

Question

我正在创建一个“正在 build 中的网站”插图，但我在实现预期结果方面遇到了一些困难。这就是我想要的:

基本上我想同时将 3 个 div 居中 - 每个 div 在它自己的容器中(siteUnderConstruction_bg 必须在正文中居中)。随着浏览器大小的调整，整个内容应即时居中。

HTML:

<div id="siteUnderConstruction_bg">
    <div id="siteUnderConstruction_text"></div>
    <div id="siteUnderConstruction_bars"></div>
</div>

这是一个 FIDDLE .

帮忙吗？

佩德罗

Answer 1

Jsfiddle:http://jsfiddle.net/NRrRt/1/

将 background-position: top center 添加到文本和条形 div。