使用绝对定位将元素居中

使用绝对定位将元素居中：

.wrapper{
position:absolute;
top:50%;  //水平居中
left:50%;  //垂直居中

 //居中对准位置，-50%是以元素的中心点作为对齐点。
transform:translate(-50%,-50%); 
}

如果不起作用，在wrapper的父级加上相对定位

position: relative;

垂直居中：translateY(-50%)

.wrapper{
position:absolute;
top:50%;  //垂直居中
transform:translateY(-50%); //以y轴长度的百分之五十作为对齐
}

水平居中：translateX(-50%)

.wrapper{
position:absolute;
left:50%;  //水平居中
transform:translateX(-50%); //以x轴长度的百分之五十作为对齐
}