連結：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html

容器和專案：

上面程式碼中，最外層的<div>元素就是容器，內層的三個<div>元素就是專案。

注意：專案只能是容器的頂層子元素，不包含專案的子元素，比如上面程式碼的<p>元素就不是專案。Grid 佈局只對專案生效。

行和列：

容器裡面的水平區域稱為"行"（row），垂直區域稱為"列"（column）。

單元格：

行和列的交叉區域，稱為"單元格"（cell）。

正常情況下，n行和m列會產生n x m個單元格。比如，2行2列會產生4個單元格。

網格線：

劃分網格的線，稱為"網格線"（grid line）。水平網格線劃分出行，垂直網格線劃分出列。

正常情況下，n行有n + 1根水平網格線，m列有m + 1根垂直網格線，比如三行就有四根水平網格線。

容器屬性：

Grid 佈局的屬性分成兩類。一類定義在容器上面，稱為容器屬性；另一類定義在專案上面，稱為專案屬性。

。