解决方案一:
绝对定位配合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;
}