舞蹈培训软件系统开发

　　舞蹈培训系统开发找廖经理【开发软件请联系上方】开发公司，舞蹈培训小程序开发，舞蹈培训APP系统软件开发，舞蹈培训APP软件开发，舞蹈培训APP系统开发，舞蹈培训软件系统开发，舞蹈培训小程序开发，舞蹈培训开发模板

通过flexbox来布局可以轻松实现各种负责的布局,并且提供的属性不是很多,学习难度一般,归纳下,主要有如下几个属性(以下写的都是2012版提供的标准写法,):

在这之前如果你对主轴与交叉轴的概念或者对每个属性有哪些值还不是很清楚,请看上一篇文章flexbox基础知识入门

display:flex;
flex-direcition 确定主轴的方向
flex-wrap 当子容器超出父容器时如何排列
flex-flow 是flex-direction和flex-wrap的复合属性
order 作用在子容器上,用来改变子容器的排列顺序,值越小,排列越靠前
justify-content 在主轴的排列方式
align-items 在交叉轴的排列方式
align-content  在交叉轴方向上的空白处理,但如果又只有单行时,该属性不起作用
align-self 设置子容器覆盖父容器指定的对齐方式,如果子容器margin值设为auto,则不起作用

Zui后三个是比较重要的,也是弹性盒模型的核心之处,弹性的处理盒子的尺寸
细分属性:flex-grow   flex-shrink flex-basis
上者三个的复合属性:flex

flex-grow 有多余空间时,该值起作用
flex-shrink 有溢出空间时,该值起作用
flex-basis 子容器被调整之前的初始值