Flexbox

定义 Definition

Flexbox（弹性盒子布局）是 CSS 的一种布局模型（Flexible Box Layout），用于在一维方向（行或列）上更方便地排列、对齐、分配空间，并能适应不同屏幕尺寸与内容长度。

发音 Pronunciation (IPA)

/ˈflɛksˌbɑːks/

例句 Examples

I used flexbox to center the button.
我用 flexbox 把按钮居中了。

With flexbox, the sidebar can stay fixed in width while the main content flexes to fill the remaining space.
使用 flexbox 时，侧边栏可以保持固定宽度，而主内容会伸缩以填满剩余空间。

词源 Etymology

flexbox 是技术缩略称呼，来自 flexible（可伸缩的、灵活的）+ box（盒子），指“像盒子一样的容器”通过“弹性规则”来排版与分配空间；在 CSS 规范中对应 Flexible Box Layout。

相关词 Related Words

• Align
• Basis
• Column
• Container
• Flex
• Grid
• Justify
• Layout
• Responsive
• Wrap

文学与作品 Literary Works

• CSS Flexible Box Layout Module Level 1（W3C 规范文档）
• MDN Web Docs（Mozilla 的开发者文档条目中大量使用与解释 flexbox）
• CSS: The Definitive Guide（Eric A. Meyer 等，CSS 经典教材中涵盖 flexbox）
• Learning Web Design（Jennifer Niederst Robbins，入门教材中常用 flexbox 讲解布局）