CSS 中間垂直分割線是一種常見的布局技巧，常常用于網頁中的欄目排版或者菜單導航等。下面我們將介紹一些實現垂直分割線的方法。

/* 方法一 */
.container {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
}
.container:before, .container:after {
content: "";
width: 1px;
height: 50%;
background-color: #000;
}
.container:before {
margin-right: 20px;
}
.container:after {
margin-left: 20px;
}
/* 方法二 */
.container {
position: relative;
height: 100%;
}
.container:before {
content: "";
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 1px;
background-color: #000;
transform: translateX(-50%);
}

方法一通過設置容器為flex布局，并且對容器偽元素進行樣式設置，實現了中間垂直分割線的效果。其中before偽元素樣式用于容器左側，after偽元素樣式用于容器右側。

方法二則是通過設置容器為相對定位，再通過before偽元素設置絕對定位于容器正中央，并且通過transform屬性將寬度為1px的垂直線條向左移動50%實現的。該方法比方法一的優點在于無需額外的div元素，但是也存在一定的兼容性問題。