justify-content:
flex-start(默认值)------盒子左对齐。
flex-end-------盒子右对齐。
center-------居中。
space-between--------两端对齐,盒子之间的间隔都相等。
space-around--------每个盒子两侧的间隔相等。所以,盒子之间的间隔比盒子与边框的间隔大一倍。
stretch（默认值）--------轴线占满整个交叉轴。
flex-start-------与侧轴(交叉轴)的起点对齐。
flex-end------与侧轴(交叉轴)的终点对齐。
center-----与侧轴(交叉轴)的中点对齐。
space-between------与侧轴(交叉轴)两端对齐，轴线之间的间隔相等。
space-around-------每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍。
align-items:
stretch（默认值）------如果盒子未设置高度或设为auto，将占满整个容器的高度。
flex-start------侧轴(交叉轴)的起点对齐。
flex-end------侧轴(交叉轴)的终点对齐。
center-------侧轴(交叉轴)的中点对齐。
baseline--------盒子的第一行文字的基线对齐。
flex-wrap:
nowrap（默认）--------不换行。
wrap-------换行，第一行在上方。
wrap-reverse-------换行，第一行在下方。
flex-direction:
row（默认值）-------主轴为水平方向，起点在左端。
row-reverse-------主轴为水平方向，起点在右端。
column-------主轴为垂直方向，起点在上沿。
column-reverse-------主轴为垂直方向，起点在下沿。
