前端/移动开发面试题更新 2026-08-05

弹性布局里面,flex:1 是哪些参数的缩写?都表示什么意思?

金山WPS前端/移动开发技术原理CSS

考察说明

考察对 CSS flex 简写语法及 flex-grow、flex-shrink、flex-basis 含义的理解

回答思路

  1. 准确说明 flex:1 对应 flex-grow、flex-shrink、flex-basis 三个属性
  2. 给出 flex:1 的确切等价形式(1 1 0% 或 1 1 0)并解释各参数含义
  3. 说明与 flex:auto、flex:initial 等常见简写的区别
  4. 能结合场景解释 flex:1 的常见使用效果(均分剩余空间)
本题已收录答题指导

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

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