Css之伸缩盒 Flexible Box (新)

2016-11-28 16:07:22

伸缩盒 Flexible Box Layout

属性	版本	继承性	描述
flex	CSS3	无	复合属性。设置或检索伸缩盒对象的子元素如何分配空间。
flex-grow	CSS3	无	设置或检索弹性盒的扩展比率。
flex-shrink	CSS3	无	设置或检索弹性盒的收缩比率
flex-basis	CSS3	无	设置或检索弹性盒伸缩基准值。
flex-flow	CSS3	无	复合属性。设置或检索伸缩盒对象的子元素排列方式。
flex-direction	CSS3	无	设置或检索伸缩盒对象的子元素在父容器中的位置。
flex-wrap	CSS3	无	设置或检索伸缩盒对象的子元素超出父容器时是否换行。
align-content	CSS3	无	设置或检索弹性盒堆叠伸缩行的对齐方式。
align-items	CSS3	无	设置或检索弹性盒子元素在侧轴（纵轴）方向上的对齐方式。
align-self	CSS3	无	设置或检索弹性盒子元素自身在侧轴（纵轴）方向上的对齐方式。
justify-content	CSS3	无	设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。
order	CSS3	无	设置或检索伸缩盒对象的子元素出現的順序。