在網站開發中，經常會用到翻頁的功能。但是，如果翻頁的頁碼沒有居中顯示，會影響用戶的瀏覽體驗。下面，我們就來詳細介紹怎樣使翻頁居中css。

//html代碼
<div class="pagination">
<a href="#">上一頁</a>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">下一頁</a>
</div>
//css樣式
.pagination {
display: flex;
justify-content: center;
align-items: center;
}
.pagination a {
margin: 0 10px;
}

以上是我們使用的html代碼和css樣式，我們可以看到在pagination類中，我們使用了flex布局，給其設置了居中對齊，這樣就可以讓翻頁居中顯示了。

此外，對翻頁按鈕的 margin 進行設定是為了讓每個按鈕之間有一定的距離，讓翻頁更加清晰明了。

總之，使用css控制布局，可以很好地解決翻頁居中的問題，讓頁面看起來更加美觀，提高用戶體驗。希望本文對您有所幫助。