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;

     }