网格轴

CSS 网格布局是一种二维布局方法,能够通过来安排内容。因此,在任何网格中都有两个轴:块轴或列轴,以及内联轴或行轴

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

内联轴(也称为行轴或主轴)是普通文本流动的方向。块轴(也称为列轴或交叉轴)是用于布置文本块的轴。这些轴的物理方向会根据文档的书写模式而改变。

例如,如果您是从左到右、从上到下书写(就像典型的英语散文一样),那么单个字符会沿着内联轴放置,该轴从左到右延伸。

Diagram showing the inline axis in CSS grid layout.

并且,如果文本包含多行,这些行会沿着块轴放置,该轴从上到下延伸。

Diagram showing the block axis in CSS grid layout.