CSS的多列布局是使網頁內容在多列中顯示的一種方式。使用這種布局，可以讓頁面內容更加豐富，提高用戶體驗。

/* 設置多列布局，包含3列，每列的寬度為33.3% */
.multi-column {
column-count: 3;
column-width: 33.3%;
}
/* 根據瀏覽器窗口大小自適應布局，最小寬度為400px */
@media screen and (min-width: 400px) {
.multi-column {
column-count: auto;
}
}

以上代碼中，我們首先定義了一個類名為.multi-column，里面包含3列，每列寬度為33.3%。這樣我們就可以在頁面中使用這個類名來設置多列布局。

當瀏覽器窗口的寬度小于400px時，我們使用了@media查詢來改變布局。通過將column-count設置為auto，瀏覽器會自動計算出可以容納多少列來適應當前窗口大小。

多列布局有很多用途，比如在博客中使用它來顯示文章列表，或者在一個頁面中的多個欄目中使用它來分隔內容。使用CSS的多列布局，可以讓你的頁面內容更加靈活和美觀。