通过@page css设置打印边距内容无效

时间:2017-12-28 21:26:59

标签: css css3 printing

当我从我的网站打印出一个页面时,我正在尝试更改边距中显示的内容。我已阅读here,应该可以设置“页边距框”的内容,如下所示:

@page {
  @top-center {
    content: "Page " counter(page);
  }
}

......但无论我尝试什么,这种风格似乎都被完全忽略了。我试过Chrome,Firefox和Edge。我开始怀疑每个浏览器的打印预览功能是否以某种方式覆盖了这一点,因为它们提供了自己的保证金内容?

有人有这个工作吗?我认为主流浏览器应该处理这个问题,因为caniuse.com这样说(我盲目相信:))我在网上找到的多个例子暗示其他人已经成功。

帮我StackOverflow,你是我唯一的希望!

1 个答案:

答案 0 :(得分:0)

如果这有助于任何人,我发现大多数现代浏览器 - 包括我测试过的所有三种浏览器(Chrome,Firefox,Edge) - 此时不支持@page边距框!

我从用户alex的评论中了解到了这个问题的答案 - Page numbers with CSS/HTML

他的来源是https://en.wikipedia.org/wiki/Comparison_of_layout_engines_(Cascading_Style_Sheets)#Grammar_and_rules