flex局部的知识总结

 一、Flex布局的基本概念。

（1）Flex布局： 任何一个容器都可以指定为Flex布局。

        注意：设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。

（2）Flex容器：采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。

（3）Flex项目：它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”

（4）容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。

 二、容器的属性。

以下6个属性作用于容器上面。

（1）flex-direction

（2）flex-wrap

（3）flex-flow

（4）justify-content

（5）align-items

（6）align-content

2.1 flex-direction

 flex-direction:  决定主轴的方向（即项目的排列方向）

（1） column-reverse：主轴为垂直方向，起点在下沿。

（2）column</