CSS grid-auto-columns属性

定义和用法

grid-auto-columns属性为网格容器中的列设置大小。此属性仅影响未设置大小的列。

特征	说明
默认值	auto
继承	没有
动画	有。CSS动画参考
CSS版本	CSS grid-auto-columns Layout Module Level 1
JavaScript语法	object.style.gridAutoColumns="120px"尝试一下

表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

属性	IE/Edge	Chrome	FireFox	Safari	Opera
属性名称
grid-auto-columns	16.0+	57.0+	52.0+	10.0+	44.0+

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

为网格中的列设置默认大小：

.grid-container {
  display: grid;
  grid-auto-columns: 50px;
}

尝试一下