标签：
CSS布局对我们来说一直是个噩梦，我们都认为flexbox是我们的救世主。是否真的如我们说说，还有待观察，但是flexbox确非常轻松的解决css长久一来比较难解决的居中问题。让我们来看看到底有多容易：
垂直居中需要一个父元素和子元素：
<div class="flexbox-container">
<h1>Hello World</h1>
<div>Blah blah blah blah blah ...</div>
</div>
但是只有父元素需要CSS属性来设置子元素垂直居中：
.flexbox-container { display: -ms-flexbox display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
除了特定的前缀，真的非常简单的CSS!
标签：
原文地址：http://www.cnblogs.com/huanghongxia/p/5304130.html
