项目场景:
在公司用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属性,也能自动分页。
最后是酱紫的:
我这不是一个项目啊,但是是同样的问题。