Css 如何为所有行重复网格模板行

Css 如何为所有行重复网格模板行,css,css-grid,Css,Css Grid,我正在尝试为网格块中的行创建模板: grid-template-rows: repeat(3, 150px); 我知道,此模板应适用于前3行。 但是,第4行的此模板不可用 我可以为所有行制作模板吗 附言。 此模板仅适用于第1行 grid-template-rows: 150px; 使用网格自动行(自动生成的行)而不是网格模板行(手动生成的行)。在当前情况下,网格自动行:150px将起作用。演示: .grid{ 显示:网格; 网格自动行:150px; /*用于演示的列之间的间距*/ 栅隙:1

我正在尝试为网格块中的行创建模板:

grid-template-rows: repeat(3, 150px);
我知道,此模板应适用于前3行。 但是,第4行的此模板不可用
我可以为所有行制作模板吗

附言。 此模板仅适用于第1行

grid-template-rows: 150px;

使用
网格自动行
(自动生成的行)而不是
网格模板行
(手动生成的行)。在当前情况下,
网格自动行:150px
将起作用。演示:

.grid{
显示:网格;
网格自动行:150px;
/*用于演示的列之间的间距*/
栅隙:10px;
}
/*只是演示的样式*/
.grid\u项目{
背景色:番茄;
颜色:白色;
}

一个
两个
三
四
五
六
七
八
九

您可以在行上设置
高度:150px
。为什么
网格模板行:重复(自动调整,200px)
网格模板列:重复(自动调整,200px)
的工作方式不同?我的意思是
网格模板行
仅重复第一行,但
网格模板列
重复所有列。@NanoNova因为网格的默认宽度为其容器的100%,但默认高度为
自动
。希望这对你有意义。