CSS中合并一列可以使用grid-column屬性。這個屬性指定了元素跨越的列數。

.grid-item{
grid-column: span2;
}

在上面的代碼中，grid-column屬性被設置為2，表示這個元素跨越兩列。這個元素仍然占據原本兩列的位置，但是現在可以用它來放置其他元素。

.grid-item-1{
grid-column: span2;
}
.grid-item-2{
grid-column:1/2;
}

在上面的代碼中，.grid-item-1元素跨越了兩列，并占據了原先兩個單元格的位置。而.grid-item-2元素仍然只占據了一列，它被放置在原先第二列的位置。

通過使用grid-column屬性，可以輕松地創建單元格合并效果，同時保持原有的布局結構和其他元素位置不變。