@page bottom-centre CSS 属性与运行元素一起使用时不会为每个页面重复

Question

我正在尝试为使用 HTML 生成的 PDF 文件创建页脚。我能够为每个页面创建一个重复的 header。奇怪的是，当我使用完全相同的技术来实现页脚时，只有 PDF 的最后一页有页脚。我是这样做的

@page{
            size: a4 landscape;
            @top-center {
                content: element(header);
            }
            @bottom-center {
                content: element(footer);
            }
            margin-top: 12em;
            margin-bottom: 12em;
            margin-left: 1em;
            margin-right: 1em;
        }
footer {
            position: running(footer);
            text-align: center;
            padding: 5px 5px;
        }
header{
    position: running(header);
}

<footer>
Some text
</footer>

这是 CSS 本身的问题还是我正在使用的 HTMLToPDF 库的问题？我正在使用 openHTMLtoPDF Java 库。或者这是我的问题？

Answer 1

使运行元素成为 body 标签后的第一个元素解决了我的问题。

@page bottom-centre CSS 属性与运行元素一起使用时不会为每个页面重复

@page bottom-centre CSS property doesn't repeat for each page when used with running element

html

css

printing

openhtmltopdf

@page bottom-centre CSS 属性 与 运行 元素一起使用时不会为每个页面重复

@page bottom-centre CSS property doesn't repeat for each page when used with running element

html

css

printing

openhtmltopdf

@page bottom-centre CSS 属性与运行元素一起使用时不会为每个页面重复