title | slug | l10n | ||
---|---|---|---|---|
弹性盒子 |
Glossary/Flexbox |
|
{{GlossarySidebar}}
弹性盒子是 CSS 弹性盒子布局模块的常用名称,这是一种用于在单个维度(行或列)中显示项目的布局模型。
在规范中,弹性盒子被描述为用户界面设计的布局模型。弹性盒子的关键特性是弹性布局中的项目可以增大和缩小。可以将空间分配到项目本身、项目之间或项目周围。
弹性盒子还可以对齐主轴或交叉轴上的项目,从而提供对一组项目大小和对齐的高级控制。
- {{cssxref("align-content")}}
- {{cssxref("align-items")}}
- {{cssxref("align-self")}}
- {{cssxref("flex")}}
- {{cssxref("flex-basis")}}
- {{cssxref("flex-direction")}}
- {{cssxref("flex-flow")}}
- {{cssxref("flex-grow")}}
- {{cssxref("flex-shrink")}}
- {{cssxref("flex-wrap")}}
- {{cssxref("justify-content")}}
- {{cssxref("order")}}