10.網格線命名

通過grid-template-rows和grid-template-columns定義網格時，網格線可以被命名。網格線名稱也可以設置網格項目位置

grid-template-rows和grid-template-columns定義你的網格，將名稱分配給網格線

定義網格線名稱時需要避免使用規范中出現的關鍵詞，以免導致混亂

分配網格線名稱必須用方括號[網格線名稱]，然后后面緊跟網格軌道的尺寸值

可以在方括號中添加多個名稱來命名網格線名稱，使用多外名稱命名網格線名稱時，名稱間要用空格隔開

每一個網格線的名稱可以用來定位網格項目的位置

11.通過網格線名稱設置網格項目位置

使用網格線名稱設置網格項目位置和使用網格線號碼設置網格項目位置類似

引用網格線名稱的時候不應該帶方括號

grid-row和grid-column簡寫屬性也適用于網格線名稱，也可以用來設置網格項目的位置

12.使用相同的名稱命名網格線和設置網格項目位置

總結

以上是生活随笔為你收集整理的CSS Grid布局(3)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。