教育/培训行业面试题更新 2026-08-05
实现一个固定宽高的元素在其父容器中水平垂直居中,请给出至少两种方法并比较适用场景。
金山WPS好未来数字马力(杭州)信息技术有限公司前端/移动开发互联网/IT教育/培训技术原理方案权衡CSS
考察说明
考察CSS布局中水平垂直居中的多种实现方式及场景判断
回答思路
- 掌握flex布局的justify-content和align-items实现居中
- 掌握grid布局实现居中的方法
- 理解position+transform或负margin实现的原理与局限
- 能根据父容器是否定高、元素是否定宽高选择合适方案
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。