css布局居中

 不定宽高垂直水平居中

现代浏览器支持的较好的方案

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

　　

移动端支持的较好方案

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