js 打印分页

it2022-05-05  146

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

 


最新回复(0)