Question

我正在寻找使用CSS打印页面计数的任何解决方案，但是每个＆＃34;解决方案＆＃34;发现在任何浏览器中都不起作用，没有有效的解决方案，只有提示。

Aparently，

@page {
    @bottom-left {
        content: "blablabla"
    }
}

是有效的CSS3规则，但无法在任何浏览器中使用。

有人可以帮助我吗？

这是一个不工作的例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test example</title>
    <style>
        @page {
            @bottom-left {
                counter-increment: page;
                content: counter(page);
            }
        }
    </style>
</head>
<body>
    <div id="content">
         <!-- LONG CONTENT HERE -->
    </div>
</body>
</html>

Answer 1

@page { @bottom {} }无效CSS3。

您有以下available to you：

@bottom-right-corner
@bottom-right
@bottom-center
@bottom-left
@bottom-left-corner

是否有任何工作CSS方法来打印页数？

1 个答案: