不定寬高的水平垂直居中

方法一：

element.style {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%,-50%);
    border-radius: 6px;
    background: #fff;
}

 

方法二：

element.style {
    justify-content: center;    //子元素水平居中
    align-items: center;    //子元素垂直居中
    display: -webkit-flex;
}