title | slug | l10n | ||
---|---|---|---|---|
主轴 |
Glossary/Main_Axis |
|
{{GlossarySidebar}}
{{glossary("flexbox", "弹性盒子")}}的主轴(main axis)由 {{cssxref("flex-direction")}} 属性设置的方向所定义。flex-direction
有四个取值,分别是:
row
row-reverse
column
column-reverse
假如选择 row
或者 row-reverse
,那么主轴会沿行向延伸。
选择 column
或者 column-reverse
,那么主轴会沿块向从页面上侧延伸到下侧。
元素的 flex
属性可将主轴上的任何可用空间加入元素自身,由此可在主轴上控制弹性元素的尺寸。或者你可以用 justify-content
属性控制元素之间和周围的空间。
- {{cssxref("flex-basis")}}
- {{cssxref("flex-direction")}}
- {{cssxref("flex-grow")}}
- {{cssxref("flex-shrink")}}
- {{cssxref("justify-content")}}
- {{cssxref("flex")}}
- CSS 弹性盒指南