通过@page css 设置打印边距内容不起作用答案

【问题标题】：Setting print margin content via @page css isn't working通过@page css 设置打印边距内容不起作用
【发布时间】：2017-12-28 21:26:58
【问题描述】：

当我从我的网站打印出一个页面时，我正在尝试更改页边距中显示的内容。我读过here 应该可以像这样设置“页边距框”的内容：

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

...但是无论我怎么尝试，这种风格似乎都被完全忽略了。我已经在 Chrome、Firefox 和 Edge 中尝试过。我开始怀疑每个浏览器具有的打印预览功能是否以某种方式覆盖了这一点，因为它们提供了自己的边距内容？

有人做过这个吗？我认为主流浏览器应该像 caniuse.com 所说的那样处理这个问题（我盲目地相信它:)），我在网上找到的多个例子暗示其他人已经取得了成功。

【问题讨论】：

【解决方案1】：

如果这对任何人都有帮助，我发现大多数现代浏览器——包括我测试过的所有三种浏览器（Chrome、Firefox、Edge）——目前不支持@page 边距框！强>

我从用户 alex 对此处另一个 SO 问题的答案的评论中了解到这一点 - Page numbers with CSS/HTML

【讨论】：