在網(wǎng)頁開發(fā)中，我們經(jīng)常需要對(duì)頁面中的文字進(jìn)行排版，此時(shí)我們就可以借助CSS樣式來實(shí)現(xiàn)。而對(duì)于A4紙大小的排版，CSS樣式同樣可以實(shí)現(xiàn)。下面我們來看一下如何使用CSS樣式實(shí)現(xiàn)A4紙大小的排版。

/* 設(shè)置A4紙大小 */
@media print {
body {
width: 21cm;
height: 29.7cm;
margin: 0;
padding: 0;
}
/* 設(shè)置頁眉和頁腳 */
header, footer {
position: fixed;
height: 2.5cm;
background-color: #fff;
top: 0;
border-bottom: 1px solid #000;
}
header {
left: 0;
right: 0;
}
footer {
left: 0;
right: 0;
bottom: 0;
}
/* 設(shè)置內(nèi)容區(qū)域 */
main {
position: absolute;
top: 2.5cm;
bottom: 2.5cm;
width: 100%;
padding: 1.5cm;
box-sizing: border-box;
font-size: 14pt;
line-height: 1.5;
}
}

通過上面的CSS樣式，我們就可以將頁面大小設(shè)置為A4紙大小，同時(shí)設(shè)置了頁眉和頁腳的高度和位置。在main區(qū)域設(shè)置了padding值，使內(nèi)容不會(huì)緊貼著頁邊距。并且，我們還可以在樣式中設(shè)置字體大小和行高等屬性，以達(dá)到最佳的排版效果。