在使用CSS時，我們常常需要對文本進行多種樣式編輯以美化網站的外觀，其中一種常見的需求就是實現豎直顯示并居中的文本展示效果。下面我們來介紹如何使用CSS來實現這種效果。

/* 豎直居中 */
.vertical-text {
position: relative;
top: 50%;
transform: translateY(-50%);
}
/* 豎直顯示 */
.vertical-text p {
writing-mode: vertical-rl; /* IE */
writing-mode: tb-rl; /* 其他瀏覽器 */
text-orientation: upright;
}

以上代碼中，我們先定義了一個CSS類名為.vertical-text，在其中通過position屬性使得該元素成為一個相對定位的元素，并通過top屬性將其置于容器的正中間，同時使用transform屬性來將其豎直居中。接著在樣式聲明中使用writing-mode屬性設置文本為豎直方向（寫作模式）展示，在IE瀏覽器中使用vertical-rl，在其他瀏覽器中使用tb-rl，同時使用text-orientation屬性來確定豎直方向。

最后，在HTML中使用該類名來對需要進行豎直顯示并居中的文本進行CSS樣式設置即可。需要注意的是，在該類名下的所有文本內容都將被豎直顯示并居中，若需要對單獨的一個或幾個文本進行該樣式設置，則需要單獨定義一個類名并在其中使用vertical-text和writing-mode屬性。

通過以上操作，我們可以輕松地實現網站中的文字豎直顯示并居中的效果，提高網站設計效果與美觀程度。