爱数面试题更新 2026-08-05

水平垂直居中有哪些方法?固定宽高的元素设置 margin 为 50% 后仍然没有居中,应该怎么处理?

爱数前端/移动开发互联网/IT技术原理问题排查CSS

考察说明

考察 CSS 水平垂直居中的多种实现方式及对百分比 margin 偏移基准的理解

回答思路

  1. 能列举至少三种常见居中方案
  2. 解释 margin 百分比相对于父容器宽度计算,导致 50% 无法精确居中的原因
  3. 能给出固定宽高元素基于 margin 负值或 transform 的修正方案
  4. 能说明不同方案对已知宽高、未知宽高、单行文本等场景的适用性
本题已收录答题指导

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

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