现代浏览器支持的较好的方案
.xx{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform:translate(-50%,-50%);
}
移动端支持的较好方案
.parent{
justify-content:center;
align-items:center;
display: -webkit-flex;
}
原文：http://www.cnblogs.com/jellyfish/p/4929713.html