CSS Flexible Box Layout Module

  • CSS伸缩盒属性

伸缩盒 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 设置或检索伸缩盒对象的子元素出現的順序。
关注编程学问公众号