grid-template-row

grid-template-rows是CSS Grid布局中用来定义网格行的属性。通过使用grid-template-rows属性，可以指定网格容器中每一行的大小和位置。可以使用相对单位（如fr、%、em等）或绝对单位（如px）来定义网格行的大小。在定义网格行时，还可以使用重复函数（如repeat()）来快速生成多个相同大小的行。

例如，以下代码将创建一个包含3行和3列的网格布局：

.container {
  display: grid;
  grid-template-rows: 100px 200px 100px;
  grid-template-columns: 1fr 1fr 1fr;
}

这个例子中，第一行高度为100像素，第二行高度为200像素，第三行高度为100像素。每一列都有相同的1fr宽度。