如何阻止HTML打印破坏容器元素？

Question

我正在从数据库动态加载HTML，然后将其格式化并将其打印到纸上。很多时候，分页符位于DIV或其他容器元素的中间。如何格式化输出以使其不这样做？

Answer 1

您需要创建一个带有媒体查询的打印样式表，以仅定位打印设备。 CSS的一个子集可用于设置打印介质的样式。您可以在此处找到详细的语法帮助。

CSS Printing: Avoiding cut-in-half DIVs between pages?

Answer 2

答案是CSS

page-break-inside: avoid;

像这样使用：

<div style="page-break-inside: avoid;">
  text goes here
</div>