css - CSS：从 2 开始编号页面而不是 1

Question

在 CSS 中，使用：

@page { @top-right { content: "Page " counter(page) " of " counter(pages); } }

打印页面时，我可以在每页的顶部显示页码。这很好用。但是现在，我怎样才能使页码以 2 而不是 1 开头？我可以通过修改上面的 CSS 规则来做到这一点吗？

Answer 1

如果您使用的是飞碟（我的情况），请使用以下 CSS：

表{-fs-table-paginate：分页；}

它就像一个魅力。和飞碟岩石:)。真的强烈推荐。

Answer 2

尝试：

@page {
    counter-increment: page;
    counter-reset: page 1;
    @top-right {
        content: "Page " counter(page) " of " counter(pages);
    }
}

usingpage 1将重置计数器的起点。您可以使用任何整数开始计数。默认值为0.

Answer 3

在玩了飞碟之后，我想 CSS 没有办法做到这一点（或者它是一个非常复杂的），因为“page”/“pages”似乎是内部 CSS 变量。也许 CSS 3 会变得更好，似乎有一个 calc() 函数，所以 counter(calc(page+1))或许可以工作......

但是还有另一种方法可以从第 2 页开始获取 PDF。您可以通过将此行添加到 xhtml 文件来向 PDF 添加空白的第一页：

<h1 style="page-break-before:always"></h1>

然后，您可以在使用打印机时仅打印 PDF 的第 2-... 页，也可以使用某些 PDF 编辑器从 PDF 中删除第一页。

Answer 4

你看过关于计数器的 CSS 文档吗？看到这里在我看来，您可以调用计数器重置。默认情况下，计数器设置为 0。如果在您的 Body 标签中您执行了“内容重置：第 1 页；” 那么它应该强制第一页从 2 而不是 1 开始。

Answer 5

为查看此页面的其他人发布此内容。您还可以查看下面提供的另一个 stackoverflow 帖子。这对我有用。

飞碟 - 使用 css 计算页数

.seq-start{
    -fs-page-sequence: start;
}

Answer 6

不知道这是否有效，但你为什么不试试counter(page+1)呢？