Flex弹性布局简洁版笔记

flex：属性用于设置或检索弹性盒模型对象的子元素如何分配空间。flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。

flex-flow:让弹性盒的元素以相反的顺序显示，且在必要的时候进行拆行

flex-direction: 四个值 row（横向排列，主轴是水平方向并且起点在左侧）

                        row-reverse（横向排列，主轴是水平方向但是七点在右侧）

                        column（垂直排列，主轴是垂直方向并且起点在上边）

                        column-reverse（垂直排列，主轴是垂直方向但是起点在下边）

flex-wrap: 规定flex容器是但行或者多行，同事横轴的方向决定了心行堆叠的方向

                   三个值 wrap （换行，第一行在上方）

                   nowrap（不换行，默认）

                   wrap-reverse（换行，第一行在下方）

flex-basis:用于设置或检索弹性盒伸缩基准值（如果不是弹性盒子那么 flex-basis 不生效）就是为了设置 弹性盒子中的元素的初始值

                    inherit (继承父类属