通过将属性 display 的值设为 grid，HTML 元素就可以变为网格容器。
注意： 在 CSS 网格中，父元素称为容器（container），它的子元素称为项（items）。
#container {
display: grid;
}
在一个网格容器中使用 grid-template-columns 属性可以添加一些列，示例如下：
.container {
display: grid;
grid-template-columns: 50px 50px;
}
上面的代码会在网格容器中添加两列，宽度均为 50px。 grid-template-columns 属性值的个数表示网格的列数，每个值表示相应的列宽度。