如何防止CSS打印时DIV被截断？

防止 CSS 打印时截断 DIV

生成不同高度的动态 HTML 内容时，经常会遇到打印时 DIV 在页面之间被截断的问题。此问题可能会使打印输出难以使用。

要解决此问题，请尝试以下 CSS：

<code class="css">@media print {
  div {
    break-inside: avoid;
  }
}</code>

break-inside:void 属性可防止 DIV 元素内发生分页，从而确保他们打印在一页上。所有主流浏览器都支持此属性，包括 Chrome、Edge、Firefox、Opera 和 Safari。

作为替代方案，您可以使用 page-break-inside:void;，它已被 break- 弃用。内部：避免但应该仍然有效。

以上是如何防止CSS打印时DIV被截断？的详细内容。更多信息请关注PHP中文网其他相关文章！