grid-template-columns 属性用于定义网格布局中每一列的大小。它的语法如下：
.container {
grid-template-columns: value1 value2 value3 ...;
}
其中，value1, value2, value3 等是用于定义每一列的值。这些值可以是具体的长度单位（如像素、百分比、em等），也可以是一些关键词（如 auto）。
示例：
.container {
grid-template-columns: 100px 1fr 2fr; /* 三列，第一列100像素，第二列占据可用空间的1/3，第三列占据可用空间的2/3 */
}
.container {
grid-template-columns: repeat(3, 1fr); /* 三列，每列占据可用空间的1/3 */
}
在这个例子中，.container 是一个包含子元素的容器，通过 grid-template-columns 定义了网格布局的列。这样可以更灵活地控制网格布局中每一列的大小。
转载请注明出处：http://www.zyzy.cn/article/detail/4197/CSS