请介绍 flex 属性是什么，它包含哪些子属性，它们各自有什么作用？

回答思路

1. 准确说明 flex 是 flex-grow、flex-shrink、flex-basis 三个属性的简写
2. 解释每个子属性的含义和默认值
3. 能结合常见布局场景说明两个缩写写法 flex:1 和 flex:auto 的区别
4. 展示对 flex 模型下空间分配和收缩行为的理解