跳转到:

Grid布局是一种二维布局方法,能够在行和列中布置内容。因此在任何网格中都有两个轴,横轴(即行轴,内联)和纵轴(即列轴,块)。

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

在CSS中,纵轴是放置文本时用的轴。如果你有两个段落,它们从右到左,从上到下书写。在纵轴上,它们一个被放置在另一个下面。

Diagram showing the block axis in CSS Grid Layout.

横轴与纵轴交叉,方向是沿着常规文本流动的。这是我们在Grid布局中的行。

Diagram showing the inline axis in CSS Grid Layout.

这些轴的物理方向可以根据文档的写入模式而改变。

了解更多

扩展阅读

文档标签和贡献者

标签: 
此页面的贡献者: maicss, yshenhua
最后编辑者: maicss,