DevShelf

Appearance

grid-column-start ​

描述 ​

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

效果展示 ​

语法 ​

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

值 ​

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