如果要使用GRID-COLUMN或GRID-ROW将项目放置到其父网格上，则可以使用SPAN关键字来避免在项目应跨越多列或多行时指定结束行。
给定横跨3列2行的网格项目的以下CSS规则：
1.item {
2 grid-column: 2 / 5;
3 grid-row: 1 / 3;
4}
我们可以使用下面这样的SPAN关键字：
1.item {
2 grid-column: 2 / span 3;
3 grid-row: 1 / span 2;
4}
可以提供终止线，并将跨度用作起始线，在这种情况下，跨度的作用是相反的，因此下列条件也是等效的：
1.item {
2 grid-column: span 3 / 5;
3 grid-row: span 2 / 3;
4}
如果多条线具有相同的名称，则可以定义起始线和结束线，如下例所示：
1.item {
2 grid-column: col 2 / col 7;
3 grid-row: content 6 / content 10;
4}
该项目从列开始，第2行名为Col，结束于第7行，也名为Col。同样，它从名为ROW的第6行开始，到名为ROW的第10行结束。
在这里，关键字SPAN也可以提供帮助，并且以下内容是等效的：
1.item {
2 grid-column: col 2 / span col 5;
3 grid-row: content 6 / span content 4;
4}
SPAN还可以与GRID-AREA属性一起使用。例如，如果我们希望项目自动放置，但跨越提供的行数和列数：
1.item {
2 grid-area: span 6 / span 4;
3}