让一个元素在父元素上下左右居中

第一种方法：
position：fixed；
left：50%；right：50%；
margin-left：-宽度的一半；
margin-top：-高度的一半；
第二种方法：
position：fixed；
left：0；right：0；
top：0；bottom：0；
margin：auto；

第三种方法：

1.给父元素添加text-align：center；（左右居中）
2.给当前元素添加
display：inline-block；
vertical-align：middle；
3.给当前元素后面（不要回车），添加一个空的span
4.给span设置样式：
display：inline-block
width：0；
height：100%；
vertical-align：middle；

第四种方法（只有一个子元素）：

1.给父元素添加：display：flex；

　　　　　　　  margin：0 auto；