页面容器垂直居中

 

 

父元素：

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

 

 

子元素：

margin:auto;

 

垂直居中：

<div  style="  display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; justify-content: center; align-items: Center;">

　　<span style="">要居中的元素</span>
</div>