grid-column
属性是第一个用于网格项本身的属性。创建网格的假设水平和垂直线称为线 。这些线在网格的左上角从1开始编号,向右移动列,向下移动行,向上计数。这就是3x3网格的线条: 列线
1
2
3
4
行线
1
2
3
4
grid-column
属性与您希望项目开始和停止的行号一起使用。这是一个例子: grid-column:1/3;这将使项目从左侧网格的第一条垂直线开始,并跨越网格的第3条线,消耗两列。
item5
使项目消耗网格的最后两列。 item5
类应该有一个grid-column
具有的值属性2 / 4
testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-column\s*?:\s*?2\s*?\/\s*?4\s*?;[\s\S]*}/gi), "item5
class should have a grid-column
property that has the value of 2 / 4
.");'
```