CSS Flexible Box Layout Module

  • CSS伸缩盒属性
html+div+css+天猫商城
html5+css3+京东手机网站
javascript+jquery+ajax
正则表达式+面向对象+js插件
2D+3D+触屏事件+Canvas+Svg
地理信息+本地存储+H5拖拽api
查看课程大纲

伸缩盒 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 设置或检索伸缩盒对象的子元素出現的順序。