flex containner 容器 、 flex item 内容
flex-direction 默认值为row 水平排列 column 竖直排列
row-reverse column-reverse 子元素颠倒排列（改变了主轴方向）
justify-content 主要用来控制item主轴的对齐方向
flex-start flex-end center 居中分布 space-between 平均分布 space-around 等距分布（每一个item元素的两边的距离是相等的）
主轴 交叉轴 （row时 水平方向为主轴 column时 竖直方向为主轴）
align-items 主要用于控制父盒子中所有item交叉轴的对齐方向
flex-start flex-end center baseline 文字底部基线对齐 stretch 拉伸
flex-wrap
warp nowarp 超过宽度以后是否自动换行
注意：algin-self和****align-items区别
align-items主要用于控制父盒子中某一个子item在交叉轴上的对齐方向
