flax布局

flax布局

1、布局原理
1、flax是flaxib;e Box 的缩写，意为“弹性布局”，用来为盒子模型提供最大的灵活性，任何一个容器都可以指定为flax布局
●当我们为父盒子设为flax布局以后，子元素的float,clear和vertical-align属性将失效
●伸缩布局=弹性布局=伸缩盒布局=flax布局
2、采用flax布局元素，称为flax容器，简称“容器”，它将所有的子元素自动成为容器成员，称为flax项目，简称“项目”
flax布局原理：就是通过给父盒子添加flax属性，来控制盒子的位置和排列方式

2、常见父项属性
●flax-direction:设置主轴方向
●justify-content:设置主轴上的子元素排列方式
●flax-wap:设置子元素是否换行
●align-content:设置侧轴上的子元素的排列方式
●align-items:设置侧轴上的子元素排列方式
●flax-flow:复合属性，相当于同时设置了flax-direction和flax-wrap
3、flax布局子项常见属性
flax属性定义子项目分配剩余空间，用flax来表示占多少份数

.item{
 lt   flex:;/*defau*/
}