我知道可以使用以下方式设置网格项跨越的列数：

grid-column: span 2;

但是，有没有可能让CSS Grid仅在有可用空间时自动执行此操作？

因此，在下面的模型中，如果有三个项目，则每个项目都会占用一个完整的列，但如果有两个项目，则最后一个项目将扩展以填充空列。

<代码>.网格{显示：网格；网格-模板-列：重复（3，1FR）；栅格间隙：25px；}.grid-item{填充：50px；颜色：白色；背景色：浅粉色；}

<代码><；DIV类=“网格”>；<；DIV类=“网格项”>；<；/DIV>；<；DIV类=“网格项”>；<；/DIV>；<；DIV类=“网格项”>；<；/DIV>；<；/DIV>；<；br/>；<；人力资源/>；<；br/>；<；DIV类=“网格”>；<；DIV类=“网格项”>；<；/DIV>；<；DIV CLASS=“ GRID-ITEM ”>；我应该占用两列<；/DIV>；<；/DIV>；

顺晟科技：

<代码>.网格{显示：网格；网格-模板-列：重复（3，1FR）；栅格间隙：25px；}.grid-item{填充：50px；颜色：白色；背景色：浅粉色；}.grid-item-2{格柱：2/-1；}

<代码><；DIV类=“网格”>；<；DIV类=“网格项”>；<；/DIV>；<；DIV类=“网格项”>；<；/DIV>；<；DIV类=“网格项”>；<；/DIV>；<；/DIV>；<；br/>；<；人力资源/>；<；br/>；<；DIV类=“网格”>；<；DIV类=“网格项”>；<；/DIV>；<；DIV Class=“ grid-item grid-item-2 ”>；我应该占用两列<；/DIV>；<；/DIV>；