CSS Flex布局（弹性布局）

Flex布局也叫弹性布局

注意：设为Flex布局后，float，clear，vertical-align，都将失效

一.flex-direction属性（为项目排列的方向）【有四个值：row（从左往右），row-reverse（从右往左），column（从上往下），column-reverse（从下往上）】

 

 二.flex-wrap(项目都排在一条线上)【有三个值：nowrap（不换行），wrap（换行 ），wrap-reverse（换行第一行在下方）】

三.justify-content（在主轴上对齐）【有五个值：flex-start（左对齐），flex-end（右对齐），center（居中对齐），space-between（两端对齐，项目间隔相等），space-around（每个项目两侧的间隔相等）】

四.align-items (属性定义项目在交叉轴上如何对齐 )【有五个值：flex-start（交叉轴的起点对齐），flex-end（交叉轴的终点对齐），center（交叉轴的中点对齐），baseline（项目的第一行文字的基线对齐），stretch（如果项目未设置高度或设为 auto，将占满整个容器的高度）】

五.不常用，不屑