从 Google Chrome 打印时如何强制分页？-css教程-PHP中文网

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

Barbara Streisand

发布： 2024-12-14 01:36:10

原创

581 人浏览过

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中文网其他相关文章！