CSS分頁(yè)符是在打印預(yù)覽模式下,用于控制打印分頁(yè)的標(biāo)記。在CSS中使用分頁(yè)符可以實(shí)現(xiàn)分頁(yè)控制、分頁(yè)樣式設(shè)置等功能。
設(shè)置分頁(yè)符可以通過(guò)CSS屬性page-break-before、page-break-after來(lái)實(shí)現(xiàn)。
page-break-before屬性可以設(shè)置在一個(gè)元素之前是否插入分頁(yè)符,取值可以是auto、always、avoid、left、right、inherit。
例如:
p { page-break-before: always; }上述代碼表示在每一個(gè)段落開始之前都插入分頁(yè)符。 page-break-after屬性可以控制在一個(gè)元素之后是否插入分頁(yè)符,取值同page-break-before。 例如:
p { page-break-after: always; }上述代碼表示在每一個(gè)段落結(jié)束之后都插入分頁(yè)符。 除了page-break-before和page-break-after屬性,還可以使用page-break-inside屬性來(lái)控制元素內(nèi)部是否允許分頁(yè)。 page-break-inside屬性取值可以是auto、avoid、inherit。 例如:
div { page-break-inside: avoid; }上述代碼表示在某一個(gè)div元素內(nèi)部不允許插入分頁(yè)符。 總之,通過(guò)合理的使用CSS分頁(yè)符,我們可以實(shí)現(xiàn)更為精細(xì)化的打印預(yù)覽效果。