伸缩性 - 术语表 编辑

flex 是一个CSS的display 属性中新添加一个值。 随着inline-flex的使用，它将使它适用的元素成为一个flex container（伸缩容器），而这个元素的每个子元素将成为 flex item（伸缩项目）。伸缩项目将参与到flex布局中，所有由CSS Flexible Box Layout Module（CSS伸缩盒布局模型）定义的属性都能被它们使用。

flex 属性是flex-grow, flex-shrink 和 flex-basis属性的简写。

此外， <flex> 可以作为弹性长度被引用在CSS Grid（栅格）布局中。

了解更多

属性参考

• align-content 堆栈伸缩行
• align-items 侧轴上项目对齐方式
• align-self 侧轴上单个项目对齐方式
• flex 伸缩性
• flex-basis 伸缩-基准值
• flex-direction 伸缩流方向
• flex-flow伸缩流的方向与换行
• flex-grow伸缩-扩展基数
• flex-shrink 伸缩-收缩比率
• flex-wrap 伸缩-换行
• justify-content 主轴对齐
• order 伸缩-顺序

延伸阅读

• CSS Flexible Box Layout Module Level 1 Specification（CSS 盒布局模型一级规范）
• CSS Flexbox Guide（CSS 伸缩盒子指南）: Basic Concepts of Flexbox（伸缩）
• CSS Flexbox Guide（CSS 伸缩盒子指南）: Relationship of flexbox to other layout methods（伸缩盒子与其他布局方法的关系）
• CSS Flexbox Guide（CSS 伸缩盒子指南）: Aligning items in a flex container（伸缩容器中项的对齐）
• CSS Flexbox Guide（CSS 伸缩盒子指南）: Ordering flex items（伸缩项的顺序）
• CSS Flexbox Guide（CSS 伸缩盒子指南）: Controlling Ratios of flex items along the main axis（控制主轴上伸缩项的比率）
• CSS Flexbox Guide（CSS 伸缩盒子指南）: Mastering wrapping of flex items（掌握如何包装伸缩项）
• CSS Flexbox Guide（CSS 伸缩盒子指南）: Typical use cases of flexbox（伸缩盒子的典型用例）