1、水平居中
text-align:center(父级)
display:block; magin 0 auto (子级)
水平垂直居中
1、 position：absolute;
left:0;
top:0;
right:0
bottom:0;
width:100%;
margin:auto；
2、 position：absolute;
left:50%;
top:5%0;
transfrom:translate(-50%, -50%);
3、 display:flex;
justify-content: center;
align-items: center
