今天我們來講一下如何使用CSS控制打印頁面上的頁碼。通常情況下，打印出來的頁面并不包含頁碼信息，而我們經常需要對打印出來的頁面進行分頁處理，這時候就需要添加頁碼了。下面來看一下如何添加頁碼。

@media print{
@page{
size:8.5in 11in; /*設置頁面大小*/
margin: 1.5cm; /*設置頁面間距*/
}
/*打印頁碼*/
#page-num::after{
content: counter(page);
}
#page-num{
position: absolute; /*設置定位*/
top: calc(100% - 1cm); /*設置位置*/
left: 50%; /*設置位置*/
transform: translateX(-50%);
font-size: 0.8rem; /*設置字體大小*/
}
}

代碼中，我們使用了@media print來指定只在打印時執(zhí)行的CSS。我們分別設置了頁面大小和頁邊距。接著，在#page-num元素后面添加了::after偽元素，并使用counter函數來添加頁碼。最后，我們設置了#page-num元素的位置、字體大小等樣式屬性。

在HTML中，我們需要添加#page-num元素并為其設置打印隱藏，即在樣式表的@media print部分中，添加如下代碼：

#page-num{
display: none;
page-break-after: always;
}

代碼中，我們?yōu)?page-num元素添加了display:none，這樣在普通的頁面中，#page-num元素并不會顯示出來，而在打印時，它會自動出現并被打印出來。同時，我們還在#page-num元素后添加了page-break-after: always，這樣在打印時就會自動分頁。

好了，這就是使用CSS控制打印頁碼的方法。如果你有其他關于CSS打印的問題，可以在評論區(qū)中留言，我們一起討論。謝謝！