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