请详细介绍一下 Flex 布局及其主要属性。

回答思路

1. 能解释Flex容器与Flex项的关系
2. 说明主轴与交叉轴的概念
3. 能列出并解释容器常用属性（flex-direction、justify-content、align-items等）
4. 能列出并解释项目常用属性（flex-grow、flex-shrink、flex-basis等）
5. 能结合具体场景说明属性用途