如何确保合并后的HTML文件打印为PDF时各原文件从新页开始？

要让合并后的HTML在打印成PDF时，每个原HTML内容都从新页面开始，核心是利用浏览器打印时支持的CSS分页属性，不需要特殊的HTML标签，具体方法如下：

• 给每个原HTML内容块添加强制分页规则
  把每个原HTML的内容包裹在一个块级容器（比如<div>）里，然后通过CSS的page-break-before: always;属性，让这个容器的内容强制从新页面开始渲染。为了避免第一个内容块前出现空白页，可以给第一个容器取消这个规则。

  示例代码：

  <style>
    .original-html-block {
      page-break-before: always;
    }
    /* 移除第一个块的前置分页，避免开头空白页 */
    .original-html-block:first-child {
      page-break-before: auto;
    }
  </style>
  
  <!-- 第一个原HTML内容 -->
  <div class="original-html-block">
    <!-- 这里是第一个HTML文件的所有内容 -->
  </div>
  
  <!-- 第二个原HTML内容 -->
  <div class="original-html-block">
    <!-- 这里是第二个HTML文件的所有内容 -->
  </div>
  
  <!-- 后续原HTML内容以此类推 -->
  

• 可选：在内容块末尾添加分页（注意避免空白页）
  也可以用page-break-after: always;给每个内容块的末尾添加分页，但要记得给最后一个内容块取消这个属性，否则PDF最后会多出一页空白。

• 优化内容避免被截断
  如果有段落、图片等内容刚好在分页处被拆分，可以给这些元素添加page-break-inside: avoid;，让浏览器尽量避免在元素内部分页：

  p, img, table {
    page-break-inside: avoid;
  }
  

目前Chrome、Firefox、Edge等主流浏览器在打印PDF时都能很好支持这些CSS属性，直接用上述方法就能实现需求。

内容的提问来源于stack exchange，提问作者user1424739