Css “运行页脚”；元素（页脚）"；已分页的媒体仅显示在最后一页

我正在制作一个页面css，页脚在空白框中。所有的工作都几乎和预期的一样，直到平面设计师要求我将页脚的一部分加粗，我再也不能使用页脚的内容：“文本”

我决定使用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

我的期刊年[000]个月

我希望在每一页上都能找到页脚，但是空白页，但它只出现在最后一页，在框内的正确位置。将“位置：运行（页脚）”更改为“位置：绝对”不会改变任何内容。看起来页脚在末尾只添加了一次，根本没有重复。我必须重复这种风格，否则它就不适用了。html仅用于打印，它是从db数据生成的。我的pdf转换器是PrinceXML。

---

我希望这是有意义的

我自己想出来了：问题是在所有内容之后，我在文件末尾添加了页脚。如果我只是把它放在开头，它会像想象的那样每页都重复。

---

我移动了正文开头的页脚，现在它可以工作了

也许不是CSS，而是动态生成页面的方式？您是否检查了HTML以查看页脚是否存在。也许可以使用相同的CSS创建一些静态html页面的代码片段，并查看页脚是否出现在至少2个或更多页面上所需的位置，如果出现，则这是生成页脚的方式。在我看来，这些at规则的全部要点是为你定位事物。“顶级中锋”。。“底部中心”。。。去掉footer元素上的position属性。也许可以看看我在评论中所说的关于强制在footer元素上放置position的内容，而实际上，您是专门为position使用

@bottom center at rule

。最好不要覆盖CSS3为您处理的内容，因为Prince在实际读取页脚HTML代码之前不会创建页脚流。正如您所指出的，页脚HTML应该位于文档的开头。在DocRaptor，我们遇到了很多棘手的Prince页脚和页眉问题，并将其记录在这里：。谢谢@jamespaden，因为我将与这两个方面合作，所以我会做更好的研究！太棒了！我正在调查这个问题，处理Paged.js生成的内容@莉拉，你的解决方案也符合我的情况

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