块级元素水平垂直居中

方法一：绝对定位+margin
具体：父元素加 position: relative;
子元素加
position: absolute;
left:0;
right:0;
top:0;
bottom: 0;
margin:auto;
方法二：绝对定位+transform
具体：父元素加 position: relative;
子元素加
position: absolute;
left:50%;
top:50%;
transform: translatex(-50%,-50%);
方法三：弹性布局
具体：父元素加
display:flex；
justify-content:center;
align-item:center;