CSS Flexible Box Layout Module

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

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号:画漫画的程序员,每天早上8点30分准时推送:前端前沿资讯、大厂面试题、程序员轶事、职场感悟等,一起进步!

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界