網格軸

CSS 網格佈局是一種二維佈局方法,能夠透過來安排內容。因此,在任何網格中都有兩個軸:塊軸或列軸,以及內聯軸或行軸

正是沿著這些軸,可以使用盒子對齊規範中定義的屬性來對齊和分佈專案。

內聯軸(也稱為行軸或主軸)是普通文字流動的方向。塊軸(也稱為列軸或交叉軸)是用於佈置文字塊的軸。這些軸的物理方向會根據文件的書寫模式而改變。

例如,如果您是從左到右、從上到下書寫(就像典型的英語散文一樣),那麼單個字元會沿著內聯軸放置,該軸從左到右延伸。

Diagram showing the inline axis in CSS grid layout.

並且,如果文字包含多行,這些行會沿著塊軸放置,該軸從上到下延伸。

Diagram showing the block axis in CSS grid layout.