Flexbox 弹性盒子布局

具体使用方式：

.nav{

      display:-webkit-flex;//标示使用弹性布局

       }

.item{

      flex:1;//num占容器的比例

      }

不定宽高的水平垂直居中

第一种：

.wrap{

       position:absolute;

       top:50%;

      left:50%;

     -webkit-transform:translate(-50%,-50%);

    }

第二种：

.parent{

      justify-content:center;

      align-item:center;

      display:-webkit-flex;

     }