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。我希望这是有道理的!
| 归档时间: |
|
| 查看次数: |
961 次 |
| 最近记录: |