flex弹性概念(一）

弹性盒子是一种用于按行或者按列布局元素的一维布局方法。元素可以膨胀也可以收缩。

没有开启flex前的元素布局

开启flex后的元素布局

flex-direction 设置主轴 默认情况下就是row。从左到排列 ------>

flex-direction: row-reverse反转。从右向左排列 <------

flex-direction: column。从上到下排列

flex-direction:column-reverse. 从下到上排列。

flex-wrap: 换行 默认是不换行 nowrap

flex-wrap: wrap 

如果父元素不设置高度的话，那不会有空隙

flex-flow:  【flex-direction】【flex-wrap】 可以把两个属性合在一起

例如：flex-flow: row wrap;

https://www.ukoou.com/register?ucode=0G5G