CSS grid-template-rows 属性

• CSS grid-template-columns 属性
• CSS hanging-punctuation 属性

实例

规定 row-size（高度）：

.grid-container {
  display: grid;
  grid-template-rows: 100px 300px;
}

亲自试一试

定义和用法

grid-template-rows 规定网格布局中的行数（和高度）。

值是用空格分隔的列表，其中每个值指定相应行的高度。

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

CSS 语法

grid-template-rows: none|auto|max-content|min-content|length|initial|inherit;

属性值

相关页面

CSS 教程：CSS 网格布局

CSS 参考手册：grid-columns 属性

CSS 参考手册：grid-template 属性

• CSS grid-template-columns 属性
• CSS hanging-punctuation 属性