flex-direction代表的值有:
row横向从左到右排列(左对齐),默认的排列方式。
row-reverse 反转横向排列(右对齐,从后往前排,最后一项排在最前面。
column 纵向排列
column-reverse 反转纵向排列,从后往前排,最后一项排在最上面
flex-wrap代表值有:
nowrap 默认, 弹性容器为单行。该情况下弹性子项可能会溢出容器。
wrap 弹性容器为多行。该情况下弹性子项溢出的部分会被放置到新行,子项内部会发生断行
wrap-reverse 反转 wrap 排列。