CSS grid-column-end 属性

最后更新于:2022-03-27 03:01:59

CSS grid-column-end 属性

实例

设置 “item1” 跨越 3 列:

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

尝试一下 »


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性
grid-column-end 57 16 52 10 44

属性定义及使用说明

grid-column-end 属性定义了网格元素跨越多少列,或者在哪一列结束。

默认值: auto
继承: no
动画: 支持。 阅读关于 animatable
尝试一下
版本: CSS 网格布局模块 Level 1
JavaScript 语法: object.style.gridColumnEnd=”5″
尝试一下


语法

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

描述
auto 默认值,网格元素跨越一列。
span n 指定网格元素将跨越的列数。
column-line 指定从哪个列上开始显示网格元素。

实例

设置网格元素在第三列结束:

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

尝试一下 »


相关文章

CSS 教程: CSS 网格布局

CSS 参考手册: grid-column 属性

CSS 参考手册: grid-column-start 属性

CSS 参考手册: grid-row-start 属性

CSS 参考手册: grid-row-end 属性