实现元素垂直水平居中方法

第一种方法：定位

        定位，也叫子绝父相，就是给父元素设置position：relattve。给子元素设置position：absolute设置位置

代码如下：

box{
  position: relative
}
.box .son{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*margin-left: 负的宽度的一半*/
  /*margin-top: 负的高度的一半*/
}

第二种方法：弹性盒子

.box{
  display: flex;
  justify-content: center;
  align-items: center;
}