请列举并说明实现CSS水平垂直居中的常见方案，并比较各自的适用场景。
考察说明
考察CSS布局基础、相对和绝对定位、flex与grid等弹性布局的掌握与方案取舍
回答思路
- 能给出至少三到四种方案，如flex、grid、绝对定位配合margin负值或transform、table-cell等
- 说明每种方案的核心原理，如flex的justify-content和align-items，grid的place-items
- 能区分固定尺寸与未知尺寸元素的处理差异
- 结合父容器和子元素的实际场景说明取舍，如兼容性、内容高度不定、性能
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导；也可以直接开一场模拟面试，AI 面试官用本题实时追问并给出评分。