水平垂直居中

一、绝对定位

方法1.子绝父相，对子盒子设置 left: 50% 和 top: 50%，然后再通过transform:translate(-50%,-50%)来调整子元素的中心点到父元素的中心

方法2.父盒子与子盒子同时设置绝对定位，同时将父盒子和子盒子的所有方向都设置为 0 ，再将子盒子margin 设置为 auto ，由于宽高固定，对应方向实现平分，该方法盒子必须有宽高

二、弹性布局

1.对父盒子设置display: flex; justify-content: center; align-items: center; 子盒子将水平垂直居中