当前位置: 首页 > 面试题库 >

Google Chrome打印分页符

邵耀
2023-03-14
问题内容

我正在尝试让Google Chrome浏览器执行分页符。

通过一堆page-break-after:always;在chrome中有效的网站已经告诉我,但即使有一个非常简单的示例,我似乎也无法使其正常工作。使用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>

这是一个简化的示例。在实际代码中,每个页面div包含更多元素



 类似资料:
  • 问题内容: 我已经阅读了很多有关打印页码的网站,但是当我尝试打印html页面时,仍然无法显示它。 接下来是CSS代码: 我试图把这个页面规则放进去 在其外部,尝试将其放入中,但没有任何帮助使我在页面上显示页码。我尝试使用FireFox和Chrome(您知道基于WebKit的浏览器)。我认为问题出在我的HTML或CSS代码中。 有人可以告诉我一个在具有多个页面的大html页面中实现此规则的示例吗?我

  • 问题内容: 我正在尝试打印应用程序的特定部分。 该应用程序有一个用户列表,显示他们的名字和姓氏。当我单击用户时,会弹出一个窗口,其中包含有关他们的更多详细信息。 我该如何只为我单击的用户打印弹出窗口?弹出窗口如下所示: 打印按钮仍然无法使用。 问题答案: 您可以使用简单的JavaScript从页面上打印特定的div。

  • 关于分色 为了重现彩色和连续色调图像,印刷商通常将图稿分为四个印版(称为印刷色),分别用于图像的青色、洋红色、黄色和黑色四种原色。还可以包括自定油墨(称为专色)。在这种情况下,要为每种专色分别创建一个印版。当着色恰当并相互套准打印时,这些颜色组合起来就会重现原始图稿。 将图像分成两种或多种颜色的过程称为分色;而用来制作印版的胶片则称为分色片。 用彩色激光打印机打印的复合图像与用照排机打印的四色分色

  • 在某些情况下,需要在网页上放置一个按钮,以便使用实际的打印机来打印网页的内容。 JavaScript帮助我们实现了打印网页的实现。 当执行JavaScript中的打印功能时,它将打印当前网页。只需在事件中使用它即可直接调用此函数。 语法 示例代码: 运行结果如下:

  • 很多时候,您希望在网页上放置一个按钮,通过实际的打印机打印该网页的内容。 JavaScript帮助您使用window对象的print函数实现此功能。 JavaScript打印函数window.print()在执行时打印当前网页。 您可以使用onclick事件直接调用此函数,如以下示例所示。 例子 (Example) <html> <body> <form>

  • 本文向大家介绍jQuery打印指定区域Html页面并自动分页,包括了jQuery打印指定区域Html页面并自动分页的使用技巧和注意事项,需要的朋友参考一下 最近项目中需要用到打印HTML页面,需要指定区域打印,使用jquery.PrintArea.js 插件 用法: 但还是会打印DIV后面的内容,这里可以使用CSS控制打印分页 有时用CSS控制分页了但还是会连续打印页面,这里就可以用上PrintA