广州诗悦网络科技有限公司面试题更新 2026-08-05

请说明 flex 的简写属性 flex:1 实际展开了哪三个属性,并简述每个属性的含义。

广州诗悦网络科技有限公司前端/移动开发游戏技术原理CSS

考察说明

考察 CSS Flexbox 中 flex 简写属性的组成及各子属性的作用

回答思路

  1. 指出 flex:1 对应 flex-grow、flex-shrink、flex-basis
  2. 解释 flex-grow 表示放大比例,flex-shrink 表示缩小比例,flex-basis 表示初始主轴大小
  3. 说明 flex:1 的展开值为 1 1 0%,即 flex-grow:1; flex-shrink:1; flex-basis:0%
  4. 能结合典型场景说明 flex:1 的作用,如均分剩余空间
本题已收录答题指导

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

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