css3 子元素水平，垂直居中

页面伸缩

display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

垂直居中

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

水平居中

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

注意：必须是伸缩容器即为：“flex”, 是子元素居中

转载于:https://www.cnblogs.com/guanxiaoqing/p/3200772.html