在浏览器中打印时添加页码可以通过CSS的@page
规则来实现。下面是一种常见的方法:
@page
规则,用于设置打印页面的样式和布局。例如:@page {
size: A4; /* 设置页面尺寸,可以是A3、A4等 */
margin: 2cm; /* 设置页面边距 */
counter-increment: page; /* 自动增加页码计数器 */
@top-center {
content: "Page " counter(page); /* 在页面顶部中间显示页码 */
}
}
@media print
媒体查询来应用打印样式。例如:<!DOCTYPE html>
<html>
<head>
<title>Print Page with Page Numbers</title>
<style>
@page {
size: A4;
margin: 2cm;
counter-increment: page;
@top-center {
content: "Page " counter(page);
}
}
@media print {
/* 添加其他打印样式 */
}
</style>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
@media print
媒体查询中的样式,并在打印页面的顶部中间显示页码。这种方法可以在打印时自动添加页码,并且不需要使用任何特定的云计算品牌商的产品。
领取专属 10元无门槛券
手把手带您无忧上云