DevShelf

Appearance

grid-row-end ​

描述 ​

grid-row-end 属性确定元素将占据多少行，或者元素在网格布局中结束于哪一行。为了确定元素将占据多少行，或者元素在网格布局中从哪一行开始，可以使用 grid-row-start 属性。

效果展示 ​

语法 ​

css
grid-row-end: auto | line | line-name | span line;

值 ​

  • auto 一个关键字，指示该属性不影响元素在网格布局中的放置（自动放置、自动范围或默认范围 1）。这是默认值。
  • line 与网格布局中元素的初始面相对应的整数（从左到右从元素的左边缘计算面，示意图显示在页面顶部）。如果指定负整数，则计数按相反顺序，从显式布局网格的结束边缘开始。值 0 无效。
  • line-name 引用网格布局中命名列的字符串值。该元素从指定元素的初始面开始定位。
  • span line span 关键字带有一个整数，用于确定网格元素将跨越多少列。如果省略整数，则默认值为 1。负值或 0 值无效。