在分页媒体中运行页脚“元素(页脚)”仅出现在最后一页

Lil*_*ila 3 css footer css-paged-media

我正在处理一个分页 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;}
Run Code Online (Sandbox Code Playgroud)

HTML

    <footer>
    My Journal Issue [<b>000</b>] Month Year
    </footer>
Run Code Online (Sandbox Code Playgroud)

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

Lil*_*ila 10

我自己想通了:问题是我在文件末尾包含了所有内容之后的页脚。如果我只是在开头包含它,它会按预期在每一页重复。我在身体的开头移动了页脚,现在它可以工作了!