DevShelf

Appearance

grid-column-end ​

描述 ​

该 grid-column-end 属性确定元素将占用多少列，或者元素将在列的哪一行结束。为了确定元素将在网格布局中位于哪一列，或者元素将覆盖多少列，可以使用 grid-column-start 属性。

效果展示 ​

语法 ​

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

值 ​

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