CSS：flex弹性布局

flex简介

常用参数

flex-direction
flex-direction用来控制子项整体布局方向，是从左往右还是从右往左，是从上往下还是从下往上。

flex-wrap
flex-wrap用来控制子项整体单行显示还是换行显示

flex-flow
flex-flow 属性是flex-direction和flex-wrap的缩写（结合），表示flex布局的flow流动特性。第一个值表示方向，第二个值表示换行，中间用空格隔开。

justify-content
justify-content属性决定了主轴方向（flex-direction方向）上子项的对齐和分布方式。

align-items
align-items中的items指的就是flex子项们，因此align-items指的就是flex子项们相对于flex容器在侧轴方向上的对齐方式。

align-content
align-content可以看成和justify-content是相似且对立的属性，如果所有flex子项只有一行，则align-content属性是没有任何效果的。参数于align-items一致。

作用在flex子项上的css属性