使用absolute + margin将子元素设置为positionabsolute;再将其上下左右的margin设置为auto即可实现垂直居中。什么原理为什么要给每个设置为零

这种方式利用了绝对定位元素的特性，将其相对于父元素定位，并通过将上下左右的margin设置为auto来实现垂直居中。具体来说，margin:auto会使浏览器自动计算出上下左右margin的值，从而实现水平和垂直居中。

为了避免其他影响，需要将父元素设置为position:relative;，以确保绝对定位元素相对于父元素进行定位。

而将子元素的margin设置为零，则是为了避免其他margin的影响，从而确保垂直居中的效果正确实现。