CSS flex属性详解

CSS flex属性可构建灵活布局，轻松实现元素自适应排列与对齐。

1、 构建一个容器组件

2、 设置容器的 display 为 flex 布局模式

3、 设定主轴方向

4、 设置子元素在容器中的对齐方式

5、 设定子元素的伸缩比例