Flex 布局中,三个 flex:1 分别代表什么?
考察说明
考察 Flex 布局中 flex 复合属性各子属性含义与默认值
回答思路
- 准确说明 flex 是 flex-grow、flex-shrink、flex-basis 的复合简写
- 解释 flex:1 等价于 flex:1 1 0%,即 flex-grow:1、flex-shrink:1、flex-basis:0%
- 能说明 flex-basis 为 0 时,容器空间按 grow 比例分配,无需考虑内容宽度
- 能说明 flex-shrink 为 1 时,容器空间不足时允许按比例收缩
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。