元素水平垂直居中的方式及不同渲染的原理

回答思路

1. 能列举多种居中方案（如flex、grid、absolute+transform、margin）
2. 能说明不同方案适用场景及对元素类型和父级高度的影响
3. 能解释flex和grid的渲染原理（如flexibility、grid track）
4. 能说明absolute+transform和margin auto的定位与空间占据差异