脱发第n天

弹性盒子：

display：flex; 具有继承性（直接的子元素的float、clear 、vertical-align 属性将失效）

1.justify-content：

flex-start（默认）左对齐

flex-end 右对齐

center 居中

space-between 两端对其（每两个项目之间距离相等）

space-around 每一个项目两侧的距离是相等的

space-evenly 每两个项目之间的距离与边沿之间的距离 

2.align-items 交叉轴

stretch（默认）元素高度与父类一样高

flex-start 居上对齐

flex-end 距下对齐

center 居中

baseline 项目的第一行文字对齐

3.flex-direction 决定主轴的方向（及项目的排列方向）

row-reverse 主轴为水平起点（右侧）

row（默认）

column 主轴为垂直方向 

4.flex-wrap 换行

nowrap（默认不换行）

wrap 换行 第一行在上方

wrap-reverse  第一行在下方 

5. align-content 定义多根轴线的对齐方式

flex-start 项目整体与交叉轴的起点对其（居上）

fiex-end 整体与交叉轴的终点对其

space-between 每两行之间的距离相等

space-evenly