在打印时,可以使用CSS中的@media print
媒体查询和@page
规则来重复页面上的页眉和页脚横幅。
首先,使用@media print
媒体查询来指定打印样式。在该媒体查询中,可以定义@page
规则来设置页面的打印样式。
要在每个页面上重复页眉和页脚横幅,可以使用@page
规则中的@top-left
、@top-center
、@top-right
、@bottom-left
、@bottom-center
和@bottom-right
属性来定义页眉和页脚的内容。
以下是一个示例:
@media print {
@page {
size: A4; /* 设置页面大小,可以根据需要调整 */
margin: 2cm; /* 设置页面边距,可以根据需要调整 */
@top-left {
content: "页眉内容"; /* 设置页眉内容 */
}
@bottom-center {
content: "页脚内容"; /* 设置页脚内容 */
}
}
}
在上面的示例中,@page
规则设置了页面的大小和边距,并使用@top-left
和@bottom-center
属性分别定义了页眉和页脚的内容。
需要注意的是,@page
规则中的content
属性可以包含文本内容,也可以使用CSS的counter
函数来生成自动编号。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云函数(SCF)。
请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求进行评估和决策。
领取专属 10元无门槛券
手把手带您无忧上云