CSS grid-auto-rows 属性

设置网格中行的默认大小：

.grid-container {
display: grid;
grid-auto-rows: 150px;
}

定义和用法

这个grid-auto-rows属性设置网格容器中行的大小。

此属性仅影响未设置大小的行。

默认值：	汽车
遗传：	不
可动画：	是的。阅读可动画的尝试一下
版本：	CSS 网格布局模块级别 1
JavaScript 语法：	对象.style.gridAutoRows="60px"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
grid-auto-rows	57	16	52	10	44

grid-auto-rows: auto|max-content|min-content| length;

Value	Description	Demo
auto	Default value. The size of the rows is determined by the size of the largest item in the row	Demo ❯
max-content	Sets the size of each row to depend on the largest item in the row	Demo ❯
min-content	Sets the size of each row to depend on the smallest item in the row	Demo ❯
length	Sets the size of the rows, by using a legal length value. Read about length units	Demo ❯