Flexbox - 术语表 编辑

Flexbox 是 CSS Flexible Box Layout Module 的常用名称，这是一种用于在单个维度（行或列）中显示项目的布局模型。

在规范中，Flexbox 被描述为用户界面设计的布局模型。 Flexbox 的关键特性是 flex 布局中的项目可以增大和缩小。可以将空间（Space）分配到项目本身、项目之间或项目周围。

Flexbox 还可以对齐主轴或交叉轴上的项目，从而提供对一组项目大小和对齐的高级控制。

学习更多

属性引用

• 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 Flexbox Guide: Basic Concepts of Flexbox
• CSS Flexbox Guide: Relationship of flexbox to other layout methods
• CSS Flexbox Guide: Aligning items in a flex container
• CSS Flexbox Guide: Ordering flex items
• CSS Flexbox Guide: Controlling Ratios of flex items along the main axis
• CSS Flexbox Guide: Mastering wrapping of flex items
• CSS Flexbox Guide: Typical use cases of flexbox