老版本语法
div{
display: -webkit-box;
-webkit-box-align:center; //垂直居中
-webkit-box-pack:center;//水平居中
}
新版本语法
div{
display: -webkit-flex;
-webkit-align-items: center;
align-items: center;//垂直居中
-webkit-justify-content: center;
justify-content: center;//水平居中
}
混合版本语法
div{
display: -ms-flexbox; /* 混合版本语法: IE 10 */
-ms-flex-pack: center; //水平居中
-ms-flex-align: center; //垂直居中
}
原文：http://www.cnblogs.com/toward-the-sun/p/4779825.html