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 属性的设置 |