横轴
在 flexbox 中,交叉轴 垂直于 主轴,因此,如果您的 flex-direction
是 row
或 row-reverse
,则交叉轴沿列向下运行。
如果您的主轴是 column
或 column-reverse
,则交叉轴沿行运行。
对交叉轴上项目的对齐使用 flex 容器上的 align-items
属性或单个项目上的 align-self
属性来实现。对于多行 flex 容器,如果交叉轴上有额外的空间,您可以使用 align-content
来控制行的间距。
另请参见
属性参考
进一步阅读
CSS flexbox 指南