1.css 方式一比较通用，可以水平垂直都居中，适当修改可仅水平（垂直）居中
position：fixed;
top:50%;
left: 50%;
transform: translate(-50%,-50%);
2.
水平居中css
margin: auto;

3.用一个块级元素包裹目标元素，对外层块级元素设置css
display:flex;
justify-content:center;
items-align:center;