html css media="print",html – @media print的CSS页面x

从CSS3开始,您可以在@page规则中指定计数器.这是一个例子：

@page { counter-increment: page }

上面的规则指示布局引擎创建一个名为“page”的计数器(按惯例称为页面,它可以是任何内容).每个页面都会递增此计数器.与任何计数器一样,您可以在文档中的任何位置使用计数器的当前值

例如,使用此CSS规则：

#pageNumber { content: counter(page) }

这篇HTML：

您可以使用当前页码计数器作为HTML文档中的内容.你甚至可以走得更远.假设您要在10处开始页码.然后,您可以使用@page：first规则将第一页的计数器重置为值9.

@page { counter-increment: page }

@page:first { counter-reset: page 9 }

两个规则的组合将第一页的计数器重置为9.然后对于每个页面(包括第一页),它将递增计数器.这导致第一页的计数器值为10,第二页的计数器值为11,依此类推.

你也可以使用纯CSS

例：

@page {

counter-increment: page;

counter-reset: page 1;

@top-right {

content: "Page " counter(page) " of " counter(pages);

}

}

… 理论上.在现实世界中,只有PrinceXML支持这一点.