使用 absolute + margin 实现元素垂直居中：原理及优缺点

使用 'absolute' + 'margin' 实现垂直居中的原理是：

1. 将子元素设置为 'position: absolute;'，使其脱离文档流，不再占据父元素的空间。

2. 然后将子元素的上下左右 'margin' 设置为 'auto'，这样就可以让子元素在父元素中居中对齐。

3. 因为父元素不再占据子元素的空间，所以需要给父元素设置 'position: relative;'，以便让子元素相对于父元素定位。

这种方法的优点是可以在不知道子元素高度的情况下实现垂直居中，缺点是需要设置父元素的 'position' 属性。