flex-wrap — 换行

flex-wrap：nowrap / wrap / wrap-reverse;

flex-flow: row wrap;    ( 方向 换行 )

nowrap： 不换行

1.在同一行/列显示   

2.放不下时会通过自动压缩宽度/高度来自适应，宽/高被压缩到无法再压缩时溢出

（具体压缩宽度还是高度取决于flex-direction的row（压缩宽度）还是column（压缩高度））

（子元素宽高设置都为80px，但是设置为不换行 所以宽度/高度被压缩了）

wrap： 换行（首行在上）

只有当父元素的宽度/高度小于子元素时才会发生换行，否则即使设置了换行也会在同一行/列显示

当宽度/高度小到放不下一个子元素时也会发生压缩，直到压缩到不能压缩后发生溢出

方向为横向时-父元素不设置高度时-由子元素高度决定父元素的高度

方向为纵向时-父元素不设置高度时-由子元素高度决定父元素的高度

方向为纵向时-父元素的宽度仅关乎是否子元素发生溢出

flex-wrap: column-reverse;

wrap-reverse ： 换行（首行在下）