From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/glossary/grid_axis/index.html | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 files/zh-cn/glossary/grid_axis/index.html (limited to 'files/zh-cn/glossary/grid_axis') diff --git a/files/zh-cn/glossary/grid_axis/index.html b/files/zh-cn/glossary/grid_axis/index.html new file mode 100644 index 0000000000..ffd6d24f43 --- /dev/null +++ b/files/zh-cn/glossary/grid_axis/index.html @@ -0,0 +1,31 @@ +--- +title: Grid Axis +slug: Glossary/Grid_Axis +tags: + - CSS + - CSS Grids +translation_of: Glossary/Grid_Axis +--- +

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

+ +

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

+ +

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

+ +

Diagram showing the block axis in CSS Grid Layout.

+ +

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

+ +

Diagram showing the inline axis in CSS Grid Layout.

+ +

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

+ +

了解更多

+ +

扩展阅读

+ + -- cgit v1.2.3-54-g00ecf