请说明 flex 的简写属性 flex:1 实际展开了哪三个属性,并简述每个属性的含义。
考察说明
考察 CSS Flexbox 中 flex 简写属性的组成及各子属性的作用
回答思路
- 指出 flex:1 对应 flex-grow、flex-shrink、flex-basis
- 解释 flex-grow 表示放大比例,flex-shrink 表示缩小比例,flex-basis 表示初始主轴大小
- 说明 flex:1 的展开值为 1 1 0%,即 flex-grow:1; flex-shrink:1; flex-basis:0%
- 能结合典型场景说明 flex:1 的作用,如均分剩余空间
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。