- 在网格容器中有四个项目。
- 通过设置网格线编号，可以安排这些网格项目的位置。
- 一号元素设置以第一网格线开始到第三网格线结束的位置，占据两列两行空间。
- 随后为其设置列和行的起始和结束位置，使用了
grid-column-start和grid-column-end，以及grid-row-start和grid-row-end属性。 - 二号和三号元素被放置在一号元素旁边，网格自动添加额外的行以摆放四号元素。
- 四号元素设置占据从第一列开始到最后或指定结束列的空间，列的结束位置可用
-1表示。 - 使用缩写形式，
grid-column: 1 / 3和grid-row: 1 / 3可同时设置起始和结束位置。 - 列和行（轨道）的数量可以通过
span关键词指定，如span 1意味着项目占用一个轨道。