前端与界面 · DEFINED TERM

Flexbox 弹性布局

沿一个主轴排列、分配和对齐一组元素的 CSS 布局方式。

你可能会这样说“按钮组横向排列，空间不够时换行。”

VISUAL EXAMPLE

先看懂它怎么工作

MECHANISM

USE WHEN

导航、工具栏、单行或单列组件

NOT FOR

二维复杂网格不要全部依赖 Flexbox

TELL YOUR AGENT

请按“Flexbox 弹性布局”的概念处理这个需求：按钮组横向排列，空间不够时换行。。先说明实现边界，再给出可检查的结果。

ACCEPTANCE

不同内容长度下仍对齐，换行和收缩规则符合预期

OFFICIAL SOURCES