谷歌打印html界面布局方法(当一页展示不完的情况下,在新的页面展示)

最近在写打印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>