请阐述Flex布局的核心概念，以及常见的弹性伸缩布局场景。

回答思路

1. 准确说明flex容器和flex项目的基本属性
2. 合理使用justify-content和align-items实现对齐
3. 能处理项目伸缩（flex-grow、flex-shrink、flex-basis）以及常见布局
4. 能说明flex与传统文档流的区别