弹性盒子

1.flex-direction属性:

raw(默认值):主轴为水平方向，起点为左端。

raw-reverse:主轴为水平方向，起点为右端。

column:主轴为垂直方向，起点在上沿。

column-reverse:主轴为垂直方向，起点在下沿。

2.flex-wrap属性:

nowrap(默认值):不换行(强行挤压，平均分配宽度)

wrap:换行 ，第一行在上方(从上往下依次排列)

wrap-reverse:

3.flex-flow属性是:flex-direction和flex-wrap简写形式。

4.justify-content属性:

flex-start:(默认值):左对齐

flex-end:右对齐

center:居中

space-between:两端对齐，项目之间间隔都相等。

space-around:每个项目两侧的间隔相等，所以，项目之间的间隔比项目与边框间隔大一倍。

5.align-items属性:

flex-start:交叉轴的起点对齐。

flex-end:交叉轴的终点对齐。

center:交叉轴的中点对齐。

baseline:所有文字相对于同一基线对齐。