CSS Grid布局:网格区域

在上一节中,了解了CSS Grid布局中的列和间距,但没有提到网格区域。到目前为止,网格项目都是安置在独立的单元格内,但我们应该打破这样的局限,让网格项目可以超出单元格的界面,实现更多有用的布局。那这一节我们来看怎么实现。 定义网格区域 这里有一个我们一直努力想实现的网格:九个网格项目分成了三个等列和等行的网格之中,列与列以及行与行之间有一个20px的间距。    目前,只给网格项目设置了一些颜色
相关文章
相关标签/搜索