CSS分頁屬性是CSS3引入的新屬性,它允許Web開發人員控制在文檔中定義分頁。使用分頁屬性,開發人員可以更好地控制在文檔中的分頁,尤其是在打印時。
在CSS中,分頁屬性通過使用@page
規則來定義。一個@page規則定義了一個分頁框,定義了分頁相關的屬性。例如,你可以為分頁框定義大小、邊距、頁眉和頁腳等。
@page { size: A4 portrait; margin: 1cm; @top-center { content: "頁眉"; } @bottom-center { content: "頁腳"; } }
在以上樣例中,我們定義了一個A4大小的縱向頁面,頁邊距為1厘米。同時,我們定義了在頁面的頂部居中和底部居中顯示頁眉和頁腳的內容。
開發人員還可以使用一些其他屬性來控制分頁。例如,orphans
屬性定義了頁面底部允許的行數。如果在頁面底部只有少于指定行數的文本,這些行將移到下一頁。同樣,widows
屬性定義了頂部允許的行數,以避免只有很少的內容在下一頁中。
@page { size: A4 landscape; margin: 1cm; @top-center { content: "My document"; } orphans: 2; widows: 2; }
在以上樣例中,我們定義了一個A4大小的橫向頁面,頁邊距為1厘米。此外,我們使用orphans
和widows
屬性分別定義了分頁框的底部和頂部允許的行數。
在使用分頁時,最好通過測試在不同的設備和瀏覽器上查看分頁的效果,以確保分頁的外觀和排版都符合預期。