前端/移动开发面试题更新 2026-08-05

请解释 CSS flex 布局中 flex:1 的含义及其效果。

挚文集团好未来前端/移动开发教育/培训技术原理CSS

考察说明

考察对 flex 布局中简写属性 flex 及其组成项的理解

回答思路

  1. 能准确指出 flex:1 是 flex-grow、flex-shrink、flex-basis 的简写
  2. 能说明 flex:1 等价于 flex-grow:1; flex-shrink:1; flex-basis:0%
  3. 能说明 flex:1 下元素占据剩余空间的均分效果及初始主轴大小计算
本题已收录答题指导

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

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