CSS Grid佈局:網格區域

在上一節中,瞭解了CSS Grid佈局中的列和間距,但沒有提到網格區域。到目前爲止,網格項目都是安置在獨立的單元格內,但我們應該打破這樣的侷限,讓網格項目可以超出單元格的界面,實現更多有用的佈局。那這一節我們來看怎麼實現。 定義網格區域 這裏有一個我們一直努力想實現的網格:九個網格項目分成了三個等列和等行的網格之中,列與列以及行與行之間有一個20px的間距。    目前,只給網格項目設置了一些顏色
相關文章
相關標籤/搜索