如何阻止 HTML 打印破坏容器元素？ [复制]

【问题标题】：How to stop HTML printing from breaking a container element? [duplicate]如何阻止 HTML 打印破坏容器元素？ [复制]
【发布时间】：2017-04-27 20:49:18
【问题描述】：

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

【问题讨论】：

标签： html printing

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

答案是 CSS

page-break-inside: avoid;

这样使用：

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

【讨论】：