flex-box弹性布局

  不定宽高盒子居中实现：

div{

            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);

           }

flex弹性布局实现：

 div{

            justify-content: center;
            align-items: center;
            display: -webkit-flex;
           }