盒子水平居中和垂直居中的四种方法

方法1 子绝父相 + 上下左右为0 + margin: auto; 方法2 子绝父相 + 左上50% + 左上外边距宽高的一半 方法3 子绝父相 + 左上50% + 2d 位移自身的一半 方法4 弹性布局 父元素加display: flex; justify-content: center; align-items: center;