Flex弹性布局

flex容器常用属性（6个）：

• flex-direction（主轴方向。默认row）
• flex-wrap（项目在容器轴线排不下是否换行。 默认nowrap）
• flex-flow（是前两个属性的缩写。 默认值未row nowrap）
• justify-content（项目在容器主轴上对齐方式。默认flex-start）
• align-items（项目在交叉轴上如何对齐。默认flex-start）
• align-content（多根轴线的对齐方式。默认flex-start）

参考：

1：https://blog.csdn.net/u010377383/article/details/78883011

2：https://blog.csdn.net/weixin_34372728/article/details/88590023

3：https://www.html.cn/archives/5744

flex项目常用属性（6个）：

• order： 定义项目的排序顺序，默认为0
• flex-grow： 定义项目的放大比例，默认为0
• flex-shrink： 定义项目的缩小比例，默认为1
• flex-basis： 定义了在分配多余空间之前，项目占据的主轴空间（main size）。
• flex： 是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。
• align-self： 覆盖align-items属性。默认值为auto

参考：

1：https://blog.csdn.net/u010377383/article/details/78976516

2：https://www.cnblogs.com/wangzhenyu666/p/9001892.html

3：https://www.html.cn/archives/7236