html 设置打印页头页尾
导读：HTML 设置打印页头页尾在 HTML 页面中，我们可以通过使用 @media print 控制或更改打印样式。其中一个比较实用的设置就是设置打印的页头和页尾。以下是一个通过 CSS 设置 HTML 打印的页头和页尾的示例：```html设...
HTML 设置打印页头页尾在 HTML 页面中，我们可以通过使用 @media print 控制或更改打印样式。其中一个比较实用的设置就是设置打印的页头和页尾。以下是一个通过 CSS 设置 HTML 打印的页头和页尾的示例：```html设置打印页头页尾@media print {
/* 设置页头 */@page {
margin-top: 50px;
/* 设置页边距上沿距离，也可设置其它边距 */@top {
content: "这里是页头";
text-align: center;
}
}
/* 设置页尾 */@page {
margin-bottom: 50px;
/* 设置页边距下沿距离，也可设置其它边距 */@bottom {
content: "这里是页尾";
text-align: center;
}
}
}
这是一个测试页面，用于演示如何设置 HTML 打印页头页尾。
/* 设置页头 */ @page {
margin-top: 50px;
/* 设置页边距上沿距离，也可设置其它边距 */@top {
content: "这里是页头";
text-align: center;
}
}
/* 设置页尾 */ @page {
margin-bottom: 50px;
/* 设置页边距下沿距离，也可设置其它边距 */@bottom {
content: "这里是页尾";
text-align: center;
}
}
```通过上述代码，我们可以在打印预览和打印时看到设置的页头和页尾。注意：1. 设置的打印样式只会在打印时生效，在网页中查看时并不会显示；2. @page 是 CSS 的一个媒体查询，只有在打印时才会生效。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： html 设置打印页头页尾
本文地址： https://pptw.com/jishu/302037.html