js 打印分頁

js 打印分頁

將要分頁的元素的外層 div 設置屬性 page-break-before: always; (這個屬性正在被更通用的 break-before 取代

注意:

該 div 的 display 屬性值是 block ,position 屬性值是 relative 才起作用

在項目中將 div 屬性值設置爲 inline-block 了,page-break-before: always; 沒起作用,改爲 block 即可實現分頁

其他

page-break-after 

該屬性正在被更通用的 break-after 取代

在設置該屬性的塊元素後始終進行分頁的分頁行爲

描述
auto 默認。如果必要則在元素後插入分頁符
always 在元素後插入分頁符
avoid 避免在元素後插入分頁符
left 在元素之後足夠的分頁符,一直到一張空白的左頁爲止
right 在元素之後足夠的分頁符,一直到一張空白的右頁爲止
inherit 規定應該從父元素繼承 page-break-after 屬性的設置

page-break-before 

該屬性正在被更通用的 break-before 取代

在設置該屬性的塊元素後始終進行分頁的分頁行爲

描述
auto 默認。如果必要則在元素前插入分頁符
always 在元素前插入分頁符
avoid 避免在元素前插入分頁符
left 在元素之前足夠的分頁符,一直到一張空白的左頁爲止
right 在元素之前足夠的分頁符,一直到一張空白的右頁爲止
inherit 規定應該從父元素繼承 page-break-before 屬性的設置

 

page-break-inside

調整當前元素內的分頁符

描述
auto 默認。如果必要則在元素內部插入分頁符。
avoid 避免在元素內部插入分頁符
inherit 規定應該從父元素繼承 page-break-inside 屬性的設置

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章