CSS3 Flexlayout

垂直、水平居中变得很简单：

display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */

兼容多浏览器

display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;

移动端只兼容 webkit 就这样：

display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-align:center;-webkit-align-items:center;align-items: center;