window.print() 打印只有一张及分页问题_window.print() 打印不全

作者：人工智能uu | 2024-08-12 23:14:08

踩

window.print() 打印不全

前几天写打印功能遇到几个问题，在网上找了好久才解决，在次记录一下
1，首先是打印只有一张问题，这个问题困扰了我好久，最后发现是由于在base.css中设置了

body {
	height: 100%;
	overflow: hidden;
}
1
2
3
4

由于高度设置了100%超出隐藏，所以导致打印只有一张
解决方法：添加以下样式

@media print {
	body {
		height: auto;
		overflow: auto;
	}
}
1
2
3
4
5
6

2，分页问题
我在网上找到

style="page-break-after: always"
1

但是没起作用
又找了

<div>上一页内容</div>
<div style="page-break-before: always"></div>
<div>下一页内容</div>
1
2
3

这样就成功分页了

本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】