Grid Axis
Grid 布局是一种二维布局方法,能够在行和列中布置内容。因此在任何网格中都有两个轴,横轴(即行轴,内联)和纵轴(即列轴,块)。
沿着这些轴,可以使用盒模型对齐规范中定义的属性对项目进行行对齐和列对齐。
在 CSS 中,纵轴是放置文本时用的轴。如果你有两个段落,它们从右到左,从上到下书写。在纵轴上,它们一个被放置在另一个下面。
横轴与纵轴交叉,方向是沿着常规文本流动的。这是我们在 Grid 布局中的行。
这些轴的物理方向可以根据文档的写入模式而改变。
了解更多
扩展阅读
- CSS Grid Layout Guide: Grid 布局的基本概念
- CSS Grid Layout Guide: Box alignment in Grid Layout
- CSS Grid Layout Guide: Grids, logical values and writing modes