现在位置: 首页 > CSS 参考手册 > 正文

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 属性