教育/培训行业面试题更新 2026-08-05

实现一个固定宽高的元素在其父容器中水平垂直居中,请给出至少两种方法并比较适用场景。

金山WPS好未来数字马力(杭州)信息技术有限公司前端/移动开发互联网/IT教育/培训技术原理方案权衡CSS

考察说明

考察CSS布局中水平垂直居中的多种实现方式及场景判断

回答思路

  1. 掌握flex布局的justify-content和align-items实现居中
  2. 掌握grid布局实现居中的方法
  3. 理解position+transform或负margin实现的原理与局限
  4. 能根据父容器是否定高、元素是否定宽高选择合适方案
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。