水平垂直居中的方式
1、margin:0,auto
2、flex弹性布局
父元素设置display:flex;justify-content:center;algin-items:center;
3、父相子绝
父元素设置position:relative;子元素设置position:absolute;left:50%;top:50%;(最后移动自身的50%)transform:translate(-50%,-50%);
4、行内块
display:inline-block;text-algin:center;
5、网格布局
display: grid;place-items:center;
6、table布局
text-algin:center;vertical-algin:middle;