CSS是網頁設計的基礎技術之一，它可以幫助我們實現網頁的各種效果。其中，CSS頁碼豎排顯示是一種比較特別的技巧，可以讓頁面的頁碼垂直排列，為用戶帶來不同的視覺體驗。下面我們就來講一下如何實現CSS頁碼豎排顯示。

.page {
writing-mode: vertical-lr;
text-orientation: upright;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
font-size: 24px;
}
.page span {
margin: 5px;
cursor: pointer;
}
.page .active {
color: #fff;
background-color: #000;
border-radius: 50%;
padding: 5px;
}

以上是我們需要用到的CSS樣式代碼，其中writing-mode: vertical-lr;和text-orientation: upright;是實現文字垂直排列的關鍵屬性。display: flex;、height: 100%;、justify-content: center;和align-items: center;則是為了保證頁碼在頁面中間居中對齊。

然后我們可以使用如下HTML代碼來生成頁碼：

123456789

我們可以看到，將以上代碼復制到我們的網頁中，就可以實現頁面中的豎排顯示的頁碼了。