1.含义:(flexible box)意为弹性布局,相对于传统的盒子模型用来为盒状模型提供最大的灵活性。float,clear,vertical-align失效,没有行内,块级之分,都可以设置宽高
通过给父盒子添加flex属性,来控制子盒子的位置和排列方式
2.主要有两个要素:父盒子:容器,子盒子:元素(项目)。
3.对容器要写的属性:display:flex;//定义容器为伸缩布局
主轴 交叉轴(侧轴) flex-direction:row/row-reverse(4-1)/column/column-reverse;//定义主轴方向,默认为row,元素是跟着主轴走的
flex-wrap:nowrap/wrap/wrap-reverse;//是否换行,wrap第一行在最上面,wrap-reverson第一行在最下面,默认为nowrap,如果装不开,会缩小子盒子
flex-flow:flex-direction flex-wrap;//是flex-direction,flex-wrap的简写形式,默认为row nowrap