1.使用定位(子绝父相)+margin负值实现

操作步骤:先给子元素添加绝对定位,将盒子向右(左)移动父盒子的50%,上(下)移动50%,给父元素添加相对定位.再使用margin负值移动子盒子自身的一半.即可实现水平垂直居中

2.使用定位(子绝父相)+位移实现

操作步骤:先给子元素添加绝对定位,将盒子向右(左)移动父盒子的50%,上(下)移动50%,给父元素添加相对定位.再使用transform:translate(-50%,-50%);即可实现水平垂直居中