CSS grid-template 属性

制作一个三列网格布局，其中第一行高 150 像素：

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

定义和用法

这个grid-templateproperty 是以下属性的简写属性：

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

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

Property
grid-template	57	16	52	10	44

grid-template: none| grid-template-rows / grid-template-columns| grid-template-areas|initial|inherit;

Value	Description	Demo
none	Default value. No specific sizing of the columns or rows
grid-template rows / grid-template-columns	Specifies the size(s) of the columns and rows	Demo ❯
grid-template-areas	Specifies the grid layout using named items	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit