目录

CSS grid-row-end 属性


示例

使 "item1" 跨 3 行:

.item1 {
  grid-row-end: span 3;
}
亲自试一试 »

定义和用法

这个grid-row-end属性定义项目将跨越多少行,或者项目将在哪一行结束(请参阅本页末尾的示例)。

展示演示❯

默认值: 汽车
遗传:
可动画: 是的。阅读可动画的尝试一下
版本: CSS 网格布局模块级别 1
JavaScript 语法: 对象.style.gridRowEnd="4"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
grid-row-end 57 16 52 10 44


CSS 语法

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

属性值

Value Description Demo
auto Default value. The item will span one row. Demo ❯
span n Specifies the number of rows the item will span. Demo ❯
row-line Specifies on which row to end the display of the item. Demo ❯

更多示例

示例

您可以使用行线值而不是要跨越的行数:

.item1 {
  grid-row-end: 3;
}
亲自试一试 »

相关页面

CSS教程:CSS 网格布局