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;

     }

原文地址:https://www.cnblogs.com/circleone/p/7144257.html