|
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 ： 换行（首行在下） |
|
|
来自： 偶记易方 > 《display：flex》
