首页html打印自动生成页数,html – 使用CSS打印可打印文档的总页数指示器？

html打印自动生成页数,html – 使用CSS打印可打印文档的总页数指示器？

时间: 2023-08-16 10:07:12 浏览: 340

可以使用CSS中的`@page`规则来控制打印页面的样式，包括页眉、页脚、页码等。以下是一个示例，演示如何在打印时自动生成页码： ```html <style> @page { size: A4; margin: 1cm; counter-increment: page; } .page-number:before { content: "Page " counter(page); } </style> <body> <div class="page-number"></div>  </body> ``` 这个示例中，`@page`规则指定了页面大小、页边距和计数器。`counter-increment`属性告诉浏览器在每个页面上增加计数器的值。然后，在CSS中使用`:before`伪元素在每个页面上添加一个带有计数器的页脚。你可以根据需要自定义页脚的样式。

阅读全文