你不得不知道的使一个盒子水平垂直居中的五种方法

1.需求

初始代码及盒子效果

2.方法一：利用定位 子绝父相

子盒子定位(距父盒子宽度、高度一半的位置)，然后再移动自身宽度、高度的一半

3.方法二 利用transform

相当于是简化了方法一的margin-top:-50px;margin-left:-50px

4.方法三 手动计算父盒子与子盒子的空间距离

5.方法四 利用disply:flex

注意：在父盒子中设置，对子盒子生效，不要错给子盒子设置

 6.方法五 利用margin:auto

7.方法六 利用display:table-cell