js设置html打印不分页,web 页面分页打印的实现

可以通过CSS样式控制打印分页的行为。具体方法如下：

1. 在CSS样式表中添加以下代码，设置页面不分页：

@media print {
  html, body {
    height: auto !important;
    overflow: visible !important;
    page-break-after: avoid !important;
  }
}

2. 可以为需要打印的元素设置样式，例如：

@media print {
  .no-page-break {
    page-break-inside: avoid !important;
  }
}

3. 在HTML中添加`<link>`标签引用CSS文件，并在需要打印的元素上添加`.no-page-break`类。

实现网页分页打印的方法如下：

1. 使用CSS的`@page`规则，将页面分为多个打印页。例如：

@page {
  size: A4 portrait;
  margin: 1cm;
  border: 1px solid black;
}

@media print {
  .page {
    page-break-before: always;
  }
}

2. 在HTML中将需要分页打印的元素包裹在`.page`类的元素中，如下所示：

<div class="page">
  <!-- 需要打印的内容 -->
</div>

3. 打印时，浏览器会自动将`.page`类的元素分为多个页面打印。