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 屬性的設置 |