请解释 CSS flex 布局中 flex: 1 的含义及其作用。
考察说明
考察对 flex 布局语法、简写属性和实际效果的理解
回答思路
- 准确说明 flex: 1 是 flex-grow、flex-shrink、flex-basis 的简写
- 解释 flex-grow: 1 代表放大比例，flex-basis: 0% 或 0 使元素从零基础开始分配空间
- 说明 flex-shrink: 1 允许收缩
- 能结合实际场景说明 flex:1 常用于等分布局或让元素填充剩余空间
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导；也可以直接开一场模拟面试，AI 面试官用本题实时追问并给出评分。