7.1 基本觀念及術語
認識 grid 和 inline-grid
display 屬性設定：
grid：區塊類型的 Grid Layout。inline-grid：行內區塊類型的 Grid Layout。
例：
認識基本術語
以九宮格為例：
Grid Container 和 Grid Items
有設定 display 為
grid或inline-grid的元素，就叫做Grid container。在
Grid Container裡面的第一層子元素，統稱叫做Grid Items。
Grid Tracks
Grid Row Track：
Grid Column Track：
Grid Gaps
Grid Lines
留意每條 Grid Line 都有自己的編號，如下所示；也可以反向的來數，反向的話，就是從 -1 開始數。
Grid Cell
Grid Area
Grid Axis
Row Axis：也稱做 Inline Axis。
Column Axis：也稱做 Block Axis。
二欄式排版
例：
三欄式排版
例：
Last updated