首页 > web前端 > css教程 > 从 Google Chrome 打印时如何可靠地强制分页?

从 Google Chrome 打印时如何可靠地强制分页?

DDD
发布: 2024-12-10 21:17:17
原创
162 人浏览过

How Can I Reliably Force Page Breaks When Printing from Google Chrome?

Google Chrome 打印中的分页符

在 Google Chrome 中,在打印过程中实现分页可能具有挑战性。尽管文档表明 page-break-after:always; 的有效性,但此方法可能并不总是有效。

解决方案

要在 Chrome 中可靠地强制分页,以下方法已被证明是成功的:

创建一个独特的

;对于要分解的每个页面。

将 CSS 类“page”分配给每个

在 CSS 的“print”媒体查询中,定义以下规则:

div.page {
  page-break-after: always;
  page-break-inside: avoid;
}
登录后复制

例如:

<div class="page">
  <h1>This is Page 1</h1>
</div>
<div class="page">
  <h1>This is Page 2</h1>
</div>
<div class="page">
  <h1>This is Page 3</h1>
</div>
登录后复制

通过遵循这种方法,您可以确保一致的分页符从 Google Chrome 打印时,无论内容大小或复杂程度如何。

以上是从 Google Chrome 打印时如何可靠地强制分页?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板