CSS可以幫助我們控制打印頁面，讓打印出來的內(nèi)容更加美觀、整潔。下面我們將介紹如何使用CSS對打印頁面進行控制。

@media print {
/* CSS代碼 */
}

使用CSS控制打印頁面要借助@media print標識符，表示這段CSS代碼只在打印時起作用。下面我們將討論一些控制打印頁面的CSS屬性。

1、page-break-before和page-break-after

@media print {
.page {
page-break-after: always;
}
}

使用page-break-before和page-break-after屬性可以控制頁面在哪里分頁，always值表示始終分頁。比如上面代碼中，所有class為page的元素后面都會自動換頁。

2、@page

@media print {
@page {
size: A4 portrait;
margin: 10mm 20mm 20mm 20mm;
}
}

使用@page可以設(shè)置打印頁面的頁面大小和邊距。上面代碼中，我們設(shè)置了A4紙張大小和10mm的上邊距，20mm的左、下、右邊距。

3、display:none

@media print {
.hidden {
display: none;
}
}

使用display:none屬性可以隱藏不需要打印的元素。比如上面代碼中，所有class為hidden的元素都不會顯示在打印頁面上。

4、text-align: center

@media print {
h1 {
text-align: center;
}
}

使用text-align: center屬性可以讓標題居中顯示。比如上面代碼中，所有h1元素都會居中顯示。

總之，使用CSS控制打印頁面可以讓打印出來的內(nèi)容更加清晰、美觀。我們可以根據(jù)需求來選擇不同的屬性進行設(shè)置，讓我們的打印頁面更加符合我們的要求。