< p >在進(jìn)行網(wǎng)頁設(shè)計時,我們經(jīng)常需要為網(wǎng)頁添加打印樣式,讓網(wǎng)頁在打印時看起來更美觀、合理。而在打印時,我們經(jīng)常希望頁面內(nèi)容能夠自動居下,以便打印的內(nèi)容更完整。 p >< p >在css中,我們可以通過設(shè)置@page屬性來控制打印頁面的樣式。其中,margin屬性可以用來設(shè)置頁面邊距的大小。在打印時,我們可以將margin-top設(shè)為100%以實現(xiàn)打印內(nèi)容自動居下的效果。 p >< pre >@media print {
@page {
margin-top: 100%;
}
} pre >< p >上面的代碼中,我們使用@media print來指定打印樣式,然后通過@page來設(shè)置頁面的屬性。其中,margin-top: 100%表示頁面頂部空白區(qū)域的大小為一個頁面的高度,也就是讓打印內(nèi)容自動居下。 p >< p >此外,我們還可以設(shè)置頁面的頁眉和頁腳。通過@page的屬性,我們可以分別設(shè)置@top-left、@top-center和@top-right三個屬性來控制頁面的頁眉,以及@bottom-left、@bottom-center和@bottom-right三個屬性來控制頁面的頁腳。 p >
網(wǎng)站導(dǎo)航
- zblogPHP模板zbpkf
- zblog免費模板zblogfree
- zblog模板學(xué)習(xí)zblogxuexi
- zblogPHP仿站zbpfang