-webkit-box 实现水平垂直居中

1.  display: -webkit-box;  使用flexbox 布局

  -webkit-box-pack: center;  实现容器内容垂直居中

  -webkit-box-align: center;  实现容器内的内容水平居中

   -webkit-box-orient: vertical; 容器内的元素垂直排列

2.-webkit-box 与 -webkit-flex 的差异

使用-webkit-box 的时候   -webkit-flex-wrap 属性不生效，必须使用-webkit-flex

正确的css覆盖 顺序是

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