初学者之弹性盒子

水平方向;jusitfy-content: flex-start flex-end center space-between,around evenly

垂直方向：align-items: flex-start flex-end center stretch(子元素不设置高度，自动沾满父元素高度)

Flex-direction:row (默认，从左往右排列) row-reverse(颠倒，从右开始排列)

Column (从上往下排列) column-reverse(颠倒，从下往上) 主轴交叉轴方向改变

多行排列：flex-wrap:wrap(换行) flex-wrap:wrap-reverse

Align-content:flex-start center flex-end

多行居中问题：主轴方向居中ailgn-content：flex-start flex-end center space-between,around evenly

作用与子标签的：

Order=-1(默认为0，越小排在前面 )

Flex-grow=1(被放大一倍)（把父级标签盛满）（默认为0）

作用于子标签的6大属性

1 order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。

2flex-grow属性定义项目的放大比例。默认为0，即如果存在剩余空间，也不放大。

3flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目d缩小设置为0，父级空间不足，该项目将不缩小，其他子。

4flex-basis定义项目占据的主轴空间。如果主轴为水平，则设置这个属性，相当于设置项目的宽度。原width将会失效。

5flex属性是flex-grow, flex-shrink和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。6 allign-self:定义单个项目自身在交叉轴上的排列方式，可以覆盖掉容器上的align-items属性。弹性元素

放在容器盒子中的元素即为容器元素。·不能使用float与clear规则

弹性元素均为块元素

·绝对定位的弹性元素不参与弹性布局