水平垂直居中总结

html结构

<div class="container">
    <div class="box">text</div>
  </div>      

一 box 为行内元素时，

水平居中

垂直居中

三 box为块级元素时，水平垂直居中