每天学一点Gird

至此，我们整个 Grid 布局的容器属性和项目属性已经大致给大家介绍完毕。接下来，我们来使用 Grid 布局完成文章开头的这么一个布局。

Grid 容器属性 Grid 和 flex 类似，布局的属性都是分为两类，一类定义在容器上，称为容器属性，一类定义在项目上，称为项目属性。 本文我们来看项目属性。

本文我们先来看一下部分容器属性，justify-content、align-content、place-content等等。

Grid 容器属性 本文我们先来看一下部分容器属性，grid-auto-flow 、justify-items等等。

本文我们先来看一下部分容器属性，row-gap、column-gap 与 gap 属性、grid-template-areas 属性。

Grid 和 flex 类似，布局的属性都是分为两类，一类定义在容器上，称为容器属性，一类定义在项目上，称为项目属性。本文我们先来看一下部分容器属性。

网格布局（Grid） 是最强大的 css 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。