在CSS中，与 grid-columns 对应的属性是 grid-template-rows，而不是 grid-rows。grid-template-rows 用于定义网格布局中每一行的大小。其语法如下：
.container {
  grid-template-rows: value1 value2 value3 ...;
}

其中，value1, value2, value3 等是用于定义每一行的值。这些值可以是具体的长度单位（如像素、百分比、em等），也可以是一些关键词（如 auto）。

示例：
.container {
  grid-template-rows: 100px auto 2fr; /* 三行，第一行高度为100像素，第二行占据可用空间的剩余部分，第三行占据可用空间的2/3 */
}

.container {
  grid-template-rows: repeat(3, 1fr); /* 三行，每行占据可用空间的1/3 */
}

在这个例子中，.container 是一个包含子元素的容器，通过 grid-template-rows 定义了网格布局的行。这样可以更灵活地控制网格布局中每一行的大小。


转载请注明出处：http://www.zyzy.cn/article/detail/4198/CSS