子元素对应的flex的属性
flex-direction 设置主轴方向
row主轴为x轴 ，内容从左向右排列（默认值）
row-reverse主轴为x轴 ，内容从右向左排列
column 主轴为y轴，内容从上至下排列
column-reverse 主轴为y轴，内容从下至上排列
justify-content 设置主轴上子元素的排列方式
flex-start: 弹性盒子元素将向行起始位置对齐。第一个元素与左起始边界对齐，后面的元素接着第一个元素进行排列。
flex-end: 弹性盒子元素将向行结束位置对齐。整体靠着行结束的位置排列。
center：整体居中显示。
space-between: 弹性盒子元素均匀分布。第一个元素的边界与行的主起始位置的边界对齐，同时最后一个元素的边界与行的主结束位置的边距对齐，而剩余的伸缩盒项目则平均分布，并确保两两之间的空白空间相等。
space-around: 弹性盒子元素均匀分布。两端保留子元素与子元素之间间距大小的一半。
flex-wrap 设置子元素是否换行
（1）nowrap（默认）：不换行。
（2）wrap：换行，第一行在上方。
（3）wrap-reverse：换行，第一行在下方。
align-content 设置侧轴上的子元素的排列方式(只应用于有多行子元素)
flex-start：与交叉轴的起点对齐。
flex-end：与交叉轴的终点对齐。
center：与交叉轴的中点对齐。
space-between：与交叉轴两端对齐，轴线之间的间隔平均分布。
space-around：每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍。
stretch（默认值）：轴线占满整个交叉轴。
align-items 设置侧轴上的子元素的排列方式（只应用于有单行子元素）
align-items: flex-end flex 项目的结束端对齐
align-items: center flex 项目居中对齐
align-items: stretch flex 项目撑满 flex 容器
align-items: baseline flex 项目的基线对齐
flex-flow 复合属性 是 flex-direction 和 flex-wrap 的简写形式
原文：https://www.cnblogs.com/szy9/p/14866685.html