请结合你在实际项目中的使用场景，介绍一下 Flex 布局的原理和具体用法。
考察说明
考察对 Flex 布局核心概念的理解以及在实际项目中的应用能力
回答思路
- 准确说明 Flex 容器的主轴、交叉轴及 flex-direction 作用
- 能解释 flex-grow、flex-shrink、flex-basis 的取值与计算逻辑
- 结合具体项目场景说明 justify-content、align-items 等属性的实际用途
- 能指出 Flex 布局的局限性或与 Grid 布局的选型权衡
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导；也可以直接开一场模拟面试，AI 面试官用本题实时追问并给出评分。