网格轴

CSS 网格布局是一种二维布局方法,可以将内容排列在中。因此,在任何网格中,我们都有两个轴。块轴或列轴内联轴或行轴

可以使用盒子对齐规范中定义的属性,沿着这些轴对项目进行对齐和对正。

在 CSS 中,块轴或列轴是在布局文本块时使用的轴。如果您有两个段落,并且正在使用从右到左、从上到下的语言,它们会一个接一个地排列在块轴上。

Diagram showing the block axis in CSS grid layout.

内联轴或行轴横跨块轴,并且是常规文本流动的方向。在 CSS 网格布局中,这些是我们的行。

Diagram showing the inline axis in CSS grid layout.

这些轴的物理方向会根据文档的书写模式而改变。

另请参阅