css - 分页媒体中的运行页脚 "element(footer)"仅出现在最后一页

Question

我正在处理页边距框内带有运行页脚的分页 CSS。一切都几乎按预期进行，直到平面设计师要求我将页脚的一部分加粗，我不能再使用 content:"text"作为页脚。

我决定使用 content:element(footer) 并在动态创建的 html 页面末尾添加了页脚，但它仅显示在最后一页上。我已经搜索过，但每个人似乎都有相反的问题(他们只希望它出现在最后一页并且在所有页面上都有)或者没有使用 CSS3 打印媒体样式。

    @page {
    size: 170mm 240mm;
    margin:  23.5mm 27.5mm 23mm;

    @bottom-center {
       content: element(footer);
        font: normal 8pt MyLucida;
    }
    }
    footer {position: running(footer);
  font-family: MyLucida;
  font-size: 8pt;}

HTML

    <footer>
    My Journal Issue [<b>000</b>] Month Year
    </footer>

我原本希望在每一页上找到页脚，但空白页，但它只出现在最后一页，在框内的正确位置。将“position: running(footer)”更改为“position: absolute”并没有改变任何东西。似乎页脚只在最后添加一次，根本没有重复。我不得不重复这种风格，否则它没有应用它。 html 仅用于打印，它是从数据库数据生成的。我的 pdf 转换器是 PrinceXML。我希望这是有道理的!

Answer 1

我自己弄明白了:问题是我在文件末尾包含了所有内容之后的页脚。如果我只是在开头包含它，它会按预期重复每一页。我将页脚移到了正文的开头，现在可以使用了!