最近在写打印html 界面遇到了一些问题,一下是我们解决方案,希望对你有用.
第一个是如何强制分页.比如我们有章节性的内容的时候,在某章节结束后,下一章节另起新的一页.
第二个问题是,关联性较强的内容,当一页展示不完的情况下,在新的页面展示
1.强制分页的方法
例子如下,当我们想让B块的代码重新分页打印的话,那我们需要在A块代码中加入 page-break-after: always
<div style="page-break-after: always;">A</div>
<div>B</div>
2.关联性较强的内容,当一页展示不完的情况下,在新的页面展示
当我们想让C块内容在展示不完的情况下分到下一页面展示 加入page-break-inside: avoid
<div style="page-break-inside: avoid;">C</div>
3.如何设置打印出来的外边距
<div style="size:A5;margin:1cm;">总盒子</div>