CSS grid-column-end属性

定义和用法

grid-column-end属性定义项目将跨越的列数，或项目将在哪个列线上结束

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

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

属性	IE/Edge	Chrome	FireFox	Safari	Opera
属性名称
grid-column-end	16.0	57.0	52.0	10.0	44.0

grid-column-end: auto|span n|column-line;

使“item1”跨越3列：

.item1 {
  grid-column-end: span 3;
}

尝试一下

您可以使用列线值而不是跨越的列数：

.item1 {
  grid-column-end: 3;
}

尝试一下