项目场景:

在公司用itext 生成html 并保存为PDF,html中有个div很长很长,导致生成完PDF之后,页面有大量空白

html样式:

生成PDF之后:

 

 

解决方案:

计算好一整页有多少行数据,然后在样式中使用CSS样式:page-break-after

	 <div class="tableTxtPer" style="page-break-after:always">
					    <div class="txtPer">zhangsan</div>
					    <div class="txtPer width">no</div>
					    <div class="txtPer">2021-01-12 12:21</div>
	 </div> 

再次生成效果如图所示:

 这样还不行的话,我是采用的更换样式,将右侧通过freemarker生成的div,换成了table中的tr

这样的话,即使不用CSS属性,也能自动分页。

最后是酱紫的:

 

我这不是一个项目啊,但是是同样的问题。 

更多推荐

2021-11-11 itext html生成pdf 内容过长分页问题