如何指定在分页后重新出现的元素？

Question

背景:我有一个PHP脚本,它生成一个长的HTML/CSS文档,可以使用WkHtmlToPdf转换为PDF.

在文档中的某一点,我们进入一个动态区域,其中包含可变数量的条目,其中一些条目包括大图像.我想在每个页面上重绘一个标题.

澄清点:这是网页一部分的打印视图中的重复标题,而不仅仅是整个页面的标题.

我想这样做是通过CSS.例如(伪代码):

    #some_region:pagebreak {
      background-color: #fcc;
      border-color: #000;
      border-style: solid;
      border-width: 0 0 1px 0;
      content: "Our Header Here";
    }

当然,这个虚构的CSS3选择器不存在!

是否有任何聪明的CSS黑客可用于在某个容器内的任何分页符后显示元素？

举例说明:https://scott.arciszewski.me/public/23277702.php

Answer 1

position: fixed;标题怎么样@media print？这将强制每个打印页面上的标题.就像是:

    @media screen {
        .print-header {
            display: none;
        }
    }

    @media print {
        .print-header {
            position: fixed;
            ...
        }
    }