web前端入門到實戰：CSS網格佈局（Grid）教程

一、概述 CSS網格佈局（Grid）是一套二維的頁面佈局系統，它的出現將完全顛覆頁面佈局的傳統方式。 首先來介紹幾個概念: 想象一個三行三列的佈局，網格線就是構成網格所有的線條，三行三列的佈局每行就會有4條網格線。 網格軌道就是相鄰兩條平行的網格線之間的部分。 和flex佈局一樣，他會有父容器和子項目，在這兒我們稱爲網格容器和網格項。 接下來，我們從網格容器到網格項的各個基本屬性來介紹網格佈局。

>>阅读原文<<