在前端開發中，頁面的樣式設計無疑是非常重要的，其中CSS是不可或缺的一部分。在CSS中，豎直居中是一個十分常見的需求，這時候我們就需要使用一些特殊的符號來實現這個效果。

下面列舉一些CSS符號豎直居中的方法：

1. 使用line-height屬性
.container{
height: 100px;
line-height: 100px; /* 與容器高度相等 */
}

這種方法需要保證容器高度和line-height屬性值相等，這樣子就能實現豎直居中。

2. 使用flex布局
.container{
display: flex;
align-items: center;
}

這種方法需要設置display:flex屬性，同時使用align-items:center把內容物豎直居中。

3. 使用position和transform屬性
.container{
position: relative;
}
.inner{
position: absolute;
top: 50%;
transform: translateY(-50%); /* 向上平移50% */
}

這種方法需要把容器設置為相對定位，同時內容物設置為絕對定位。使用position:absolute屬性，top:50%達到豎直方向上的居中效果，用transform:translateY(-50%)實現向上平移。

總結：

以上列舉了三種實現CSS符號豎直居中的方法，我們可以根據自己的需要選擇不同的方法。同時還有一些其它的方法也可以實現，有興趣的朋友可以自己去研究。