Flexbox - MDN Web Docs Glossary: Definitions of Web-related terms 编辑

Flexbox is the commonly-used name for the CSS Flexible Box Layout Module, a layout model for displaying items in a single dimension — as a row or as a column.

In the specification, Flexbox is described as a layout model for user interface design. The key feature of Flexbox is the fact that items in a flex layout can grow and shrink. Space can be assigned to the items themselves, or distributed between or around the items.

Flexbox also enables alignment of items on the main or cross axis, thus providing a high level of control over the size and alignment of a group of items.

Learn more

Property reference

• align-content
• align-items
• align-self
• flex
• flex-basis
• flex-direction
• flex-flow
• flex-grow
• flex-shrink
• flex-wrap
• justify-content
• order

Further reading

• 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