CSS中的豎線布局是指通過設置CSS樣式來實現網頁中內容的分欄。該布局方法是基于CSS中的border樣式實現的。在代碼中使用pre標簽進行代碼的展示。

.column {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.column .item {
flex-basis: calc((100% - 30px) / 2);
margin-bottom: 30px;
border-left: 1px solid #CCC;
padding-left: 15px;
}
.column .item:first-child {
border-left: none;
padding-left: 0;
}

在上面的代碼中，我們首先創建一個column類，該類使用了flex布局，并且包含了多個item類。使用flex-wrap屬性來讓item在行末自動換行。

為了創建豎線，我們設置了.item類的border-left屬性。同樣，我們還需要設置padding-left屬性來讓文本距離豎線有一定的間隔。

為了保證每一行末尾沒有豎線，我們使用了:first-child選擇器來清除每一行第一個item的border-left和padding-left屬性。

使用該方法可以輕松實現網頁中多列分欄的布局，同時還能夠加入分隔線的效果，提升網頁的美觀性。