在W3的TryitEditor中运行,我目前有CSS:
p.hr {
position: running(header)
}
@media print {
.pagebreak { page-break-before: always; }
@page {
@top-center {
content: element(header);
}
}
}
HTML元素:
<p class = 'hr' >Heading placeholder</p>
和要打印的基本脚本:
<script>window.print()</script>
我相信我有正确的方法,但是当我运行页面时,打印预览仅在第一页上显示我的标题。这是CSS,方法,iOS浏览器或W3的HTML环境无法处理@page设置的问题吗?谢谢。
很遗憾,Safari不支持@page
。https://developer.mozilla.org/en-US/docs/Web/CSS/@page