Html 是否有任何有效的CSS方法来打印页面计数？_Html_Css_Printing_Pagination

Html 是否有任何有效的CSS方法来打印页面计数？

html css printing pagination

Html 是否有任何有效的CSS方法来打印页面计数？,html,css,printing,pagination,Html,Css,Printing,Pagination,我一直在寻找使用CSS打印页面计数的任何解决方案，但找到的每个“解决方案”在任何浏览器中都不起作用，没有有效的解决方案，只有提示相应地 @page { @bottom-left { content: "blablabla" } } 是有效的CSS3规则，但在任何浏览器中都不起作用有人能帮我吗这是一个不起作用的例子： <!DOCTYPE html> <html lang="en"> <head> <meta

我一直在寻找使用CSS打印页面计数的任何解决方案，但找到的每个“解决方案”在任何浏览器中都不起作用，没有有效的解决方案，只有提示

相应地

@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>


测试示例
@页面{
@左下角{
计数器增量：第页；
内容：柜台（第页）；
}
}

@page{@bottom{}

不是有效的CSS3

您具有以下功能：

对不起，我想了想

@左下

，然后写了

@bottom

。即使在最简单的HTML示例中，我也无法使其工作！嗨，我也面临同样的问题。您找到解决此问题的方法了吗？很遗憾，没有（是的，我已经找到了。似乎没有一个主流浏览器支持这些空白框-

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