html - CSS 分页媒体内容问题

Question

打印 HTML 页面时，我想将自定义文本放在所有打印页面的标题中

@page {
    margin-top:5mm;
    margin-bottom: 25mm;
    margin-left: 30mm;
    margin-right: 30mm;

    @top-right{
        content: "Page title"; /* page title + current page count */
    }
}

打印时，“页面标题：pageCount”既没有出现在 IE 中，也没有出现在任何其他浏览器中。我做错了什么？边距确实有效，但@top-right 无效。

Answer 1

我认为问题在于浏览器不支持@top-right 和其他页边距框。

如果您可以选择在打印之前将内容呈现为 PDF，那么Prince PDF 生成器似乎支持边距框。

http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(Cascading_Style_Sheets)#Grammar_and_rules