水平垂直居中有哪些方法?固定宽高的元素设置 margin 为 50% 后仍然没有居中,应该怎么处理?
考察说明
考察 CSS 水平垂直居中的多种实现方式及对百分比 margin 偏移基准的理解
回答思路
- 能列举至少三种常见居中方案
- 解释 margin 百分比相对于父容器宽度计算,导致 50% 无法精确居中的原因
- 能给出固定宽高元素基于 margin 负值或 transform 的修正方案
- 能说明不同方案对已知宽高、未知宽高、单行文本等场景的适用性
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。