html无法运行浏览器,html – css3页面媒体无法在任何浏览器中运行

最新推荐文章于 2023-01-02 21:27:42 发布

weixin_39866646

最新推荐文章于 2023-01-02 21:27:42 发布

阅读量485

点赞数

文章标签： html无法运行浏览器

博主正在尝试使用CSS3页面媒体模块(@page规则)在HTML内容打印为PDF时添加页眉和页脚，但遇到了在Chrome、Firefox、Opera和Safari等浏览器中无法正常工作的困扰。他们已经尝试了不同的解决方案，如设置position: running，但只有在单页内容时有效。博客中寻求一个实际工作的CSS3页面媒体模块示例，特别是对于多页PDF的页眉和页脚显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

您好我使用CSS3页面媒体模块http://www.w3.org/TR/css-gcpm-3/直接从浏览器打印HTML内容到PDF但我没有得到任何浏览器来处理它.我的工作如下.

gt;

Box-sizing: border-Box;

-moz-Box-sizing: border-Box;

}

@page {

size: letter;

margin: 20mm 25mm;

}

@page {

@top-center {

content: element(pageHeader);

}

@page {

@bottom-center {

content: element(pageFooter);

}

#pageHeader {

position: running(pageHeader);

}

#pageFooter{

position: running(pageFooter);

}

它对我来说在任何浏览器中都不起作用.我已经在最新的Chrome,FF,Opera,Safari中进行了测试.它应该在每个页面上显示页眉和页脚.标题旨在显示在每个页面底部的每个页面和页脚的顶部.任何人都可以拥有实际工作的CSS3页面媒体模块元素的工作示例.此外,我不是寻找页眉和页脚的绝对或固定解决方案.我已经尝试了它,除了单页之外它不起作用.我缩短了这个问题的文本内容,但它可以复制和过去生成多页文档,以查看没有页眉和页脚的多个页面.页眉和页脚div保持在顶部.