如何使用 @page 块添加内容答案

【问题标题】：How to add content using @page blocks如何使用 @page 块添加内容
【发布时间】：2014-08-06 21:10:40
【问题描述】：

我正在尝试使用 @page 块向打印的网页添加内容。我见过很多这样的例子，但它似乎不起作用

使用下面的 html，当我进行打印预览时，我希望在页面的左上角看到“Hello”一词...谁能告诉我为什么这不起作用？

<!DOCTYPE html>

<html>
    <head>

        <style type="text/css">
            @media print {
                @page {
                    size: 8.5in 11in;
                    margin: 0.5in;

                    @top-left {
                        content: "Hello";
                    }
                }
            }
        </style>

    </head>

    <body>

        <p>Page content</p>

    </body>

</html>

【问题讨论】：

因为您只能更改文档的边距、孤儿、寡头和分页符。更改任何其他 CSS 属性的尝试将被忽略。 developer.mozilla.org/en-US/docs/Web/CSS/@page
如果这是真的，那么为什么会有这么多人们在页面块中添加内容的例子...example1 example2 example3
example1 和 3 已经超过 3 年了，不知道您对示例 2 的意思。但它是草稿，因此不（完全）支持。
对不起...只是固定链接，例如 2
对反对票的评论会很有用...

标签： css

【解决方案1】：

看起来这个功能可能曾经工作过......不过我不太确定。互联网上有足够多的例子表明它已被使用。

目前的规范不允许这种功能，所以我猜就是这样。

当前的工作草案确实支持通过页面块添加内容，但尚未将其纳入规范，因此目前尚不被任何浏览器支持。

【讨论】：