CSS中合并兩列是指將兩個相鄰的列合成一個大的列，以便更好地展示數據或內容。在本文中，我們將學習如何在CSS中使用grid-column屬性來實現列的合并。

首先，我們需要確保我們的HTML代碼中有兩個相鄰的列。以下是示例代碼：

<div class="column1">
<p>Column 1</p>
</div>
<div class="column2">
<p>Column 2</p>
</div>

現在我們將使用CSS中的grid-column屬性來把這兩個列合并成一個大的列。以下是CSS代碼：

.column1 {
grid-column: 1/2;
}
.column2 {
grid-column: 2/3;
}

在上面的代碼中，我們使用grid-column屬性來表示我們要調整列的位置。該屬性的值由兩個數值組成，分別對應列的起始位置和結束位置。在上面的例子中，我們用1/2表示我們要將第一個列擴展到第二個列的位置，2/3表示我們要將第二個列擴展到第三個列的位置。

現在，當我們在瀏覽器中查看這個例子時，我們會看到第一個列和第二個列都已經合并成一個大的列。這可以讓我們更方便地顯示數據或內容，同時也可以讓我們更好地控制網頁布局。