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

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

Barbara Streisand
发布: 2024-12-14 01:36:10
原创
582 人浏览过

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

Google Chrome 打印中的分页符

在 Google Chrome 中打印网页时,可能需要在特定位置强制分页该文件。而CSS属性page-break-after:always;通常建议,用户在 Chrome 中实现它时经常遇到困难。

要在 Chrome 打印中有效强制分页,请考虑以下方法:

<!DOCTYPE html>

<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <title>Paginated HTML</title>
    <style type="text/css" media="print">
      div.page {
        page-break-after: always;
        page-break-inside: avoid;
      }
    </style>
  </head>
  <body>
    <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>
  </body>
</html>
登录后复制

在此示例中,每个页面都被封装在

内元素分配了类“page”。 CSS 媒体查询以打印上下文为目标,并指定具有“page”类的元素后面应有分页符。另外,里面的分页符:避免;规则可防止页面中的任何内容跨越多个打印页面。

通过实施此方法,您可以确保在使用 Google Chrome 时在打印文档中的所需位置出现分页符。

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

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