不定宽高的垂直居中解决方案

解决方案一：

绝对定位配合CSS3 transform：translate();

.item{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

解决方案二：

使用弹性合作布局flexbox

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