CSS Grid 網格佈局

Grid 網格佈局 flex佈局不同的是，網格佈局（grid）是一個二維的佈局，可以創建任意行列的佈局。 就比如最常見的九宮格 先創建一個容器，並帶有九個子元素。給容器添加邊框，爲了方便給子元素標號，1~9 接着給父元素（容器）添加grid，並通過 grid-template-columns :（列數） 和 grid-template-rows :（行數）設置列數和行數（複合式寫法grid-tem

>>阅读原文<<