Question

我对@page css媒体标记有一些疑问。

所以我阅读了w3和Microsoft编写的一些文档，但无论如何都没有效果。

当我使用他们所说的参数时，点击链接http://msdn.microsoft.com/en-us/library/ie/ms530841(v=vs.85).aspx，它对我不起作用。

我甚至找不到任何其他如何在浏览器打印介质中计算页面的例子。

任何人都可以帮助我吗？

更新

这是我的代码片段。边距正常，但不计算。

@page {
    margin-top: 15mm;
    margin-bottom: 25mm;
    margin-left: 30mm;
    margin-right: 30mm;

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

Answer 1

CSS3计数器必须先重置才能使用

尝试一次

 @page {
    margin-top: 15mm;
    margin-bottom: 25mm;
    margin-left: 30mm;
    margin-right: 30mm;

    @bottom-center {
    counter-increment: page;
    counter-reset: page 1;
        content: "page " counter(page);
    }
}

More info

@page css media不适用于Chrome和IE

1 个答案:

CSS3计数器必须先重置才能使用