-3

我需要在 A4 纸上打印，每张纸都<div>从不同的页面开始

<div id="1">
  //content
 </div>
 
 <div id="2">
  //content
 </div>
 
 <div id="3">
  //content
 </div>
 
 ....

例如，<div id="1">内容可能是 2 或 3 页，但<div id="2">仍需要从新页面开始。

4

3 回答 3

5

在您的 CSS 中：

#1 {page-break-after: always;}
#2 {page-break-after: always;}
#3 {page-break-after: always;}

其中 #1 是您的 div 的 ID

于 2017-07-03T13:05:32.203 回答
0

您可以使用以下 CSS：

div {
  page-break-after: always;
}

page-break-after 属性设置是否在指定元素之后发生分页符。

阅读此内容以获取完整信息 - https://www.w3schools.com/cssref/pr_print_pageba.asp

于 2017-07-03T13:05:53.653 回答
0

不要使用 JavaScript，使用 CSS：

@media print {
  /* top-level divs with ids */
  body > div[id] {
    page-break-before: always;
  }
}

这使用媒体查询和分页符属性来确保在分页媒体<div>上查看（或打印）时，带有s 的非空sid将始终在新页面上开始。

将下面的内容另存为 HTML 文件，然后在浏览器中使用打印对话框打开它。您会看到每个都<div>从一个新页面开始：

<!DOCTYPE html>
<html>
<head>
  <style>
    @media print {
      /* top-level divs with ids */
      body > div[id] {
        page-break-before: always;
      }
    }
  </style>
</head>
<body>
  <div id="1">
    content
  </div>

  <div id="2">
    content
  </div>

  <div id="3">
    content
  </div>
</body>
</html>
于 2017-07-03T13:05:57.703 回答