互联网/IT行业面试题更新 2026-08-05

Flex 布局中,三个 flex:1 分别代表什么?

数字马力(杭州)信息技术有限公司前端/移动开发互联网/IT技术原理CSS

考察说明

考察 Flex 布局中 flex 复合属性各子属性含义与默认值

回答思路

  1. 准确说明 flex 是 flex-grow、flex-shrink、flex-basis 的复合简写
  2. 解释 flex:1 等价于 flex:1 1 0%,即 flex-grow:1、flex-shrink:1、flex-basis:0%
  3. 能说明 flex-basis 为 0 时,容器空间按 grow 比例分配,无需考虑内容宽度
  4. 能说明 flex-shrink 为 1 时,容器空间不足时允许按比例收缩
本题已收录答题指导

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

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