css page-break-after屬性定義及用法
在css中,page-break-after屬性是使用來在指定元素後面插入分頁符,通常用在position屬性值為relative(相對定位)或static(預設定位)的非浮動區塊級元素,不能對絕對定位(position值為absolute或fixed)的元素使用該屬性。
css page-break-after屬性一般不常用,建議盡可能少使用分頁屬性,並且避免在表格、浮動元素、帶有邊框的區塊元素中使用分頁屬性。
css page-break-after屬性語法格式
css語法:page-break-after:auto/always/avoid/left/right/inherit
JavaScript語法:object.style.pageBreakAfter="always"
#屬性值說明
auto :如果必要則在元素後面插入分頁符(預設)
always:在元素後面插入分頁符號
avoid:避免在元素後插入分頁符號
left:在元素之後足夠的分頁符,一直到一張空白的左頁為止
right:在元素之後足夠的分頁符,一直到一張空白的右頁為止
inherit:從父元素繼承page-break-after屬性的設定
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>css page-break-after属性插入分页符</title> <style type="text/css"> p{page-break-after:always;} </style> </head> <body> <p>在该段落后边插入分页符</p> <p>在该段落后边插入分页符</p> <p>在该段落后边插入分页符</p> <p>在该段落后边插入分页符</p> </body> </html>
運行結果
以上是css page-break-after屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!