[英]How do I add fixed header/footer to pdf file when converting from html
我想将 html 转换为 pdf。 我想知道是否有任何方法可以将固定的 header 和页脚添加到 pdf。 我一直在寻找 web，@page css 用于添加它，但它对我不起作用。 还是我用错了？ 请帮忙。
window.print();
*, ::after, ::before { box-sizing: border-box; } html { font-family:'sans-serif'; line-height: 1.15; } body { margin: 0; font-size: 14px; font-weight: 400; line-height: 1.5; color: #000000; text-align: left; background-color: #fff; }.wrapper { margin: 0 auto; padding: 20px; } @page { size: A4; margin-top: 0.25in; margin-bottom: 0.25in; border: 1px solid black; @top-center { content: 'Hello World'; } } <,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width. initial-scale=1,0"> <title>Html</title> </head> <body> <div class="wrapper"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Ut enim ad minim veniam. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur, Excepteur sint occaecat cupidatat non proident. sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p>Lobortis scelerisque fermentum dui faucibus in ornare quam viverra. Rhoncus aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Purus sit amet luctus venenatis lectus magna fringilla urna porttitor. Massa tincidunt dui ut ornare lectus sit. At auctor urna nunc id cursus metus aliquam. Diam quam nulla porttitor massa id neque aliquam vestibulum morbi. Quam elementum pulvinar etiam non quam lacus suspendisse. Nam at lectus urna duis convallis convallis tellus. Sem nulla pharetra diam sit. Viverra maecenas accumsan lacus vel facilisis volutpat. Ut enim blandit volutpat maecenas. Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi. Pharetra massa massa ultricies mi quis hendrerit dolor. Tincidunt augue interdum velit euismod in pellentesque massa placerat duis. </p> <p>Molestie ac feugiat sed lectus vestibulum mattis. Et netus et malesuada fames ac turpis egestas sed tempus. Ipsum dolor sit amet consectetur adipiscing elit pellentesque. Varius vel pharetra vel turpis. Velit sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Aliquam sem et tortor consequat id porta. Orci porta non pulvinar neque laoreet suspendisse interdum consectetur libero. Elit duis tristique sollicitudin nibh sit amet commodo. Vel turpis nunc eget lorem dolor sed viverra. Aliquam sem fringilla ut morbi tincidunt. Viverra nam libero justo laoreet sit amet. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Accumsan tortor posuere ac ut consequat semper. Vulputate enim nulla aliquet porttitor lacus luctus. Eget duis at tellus at urna condimentum mattis pellentesque. Lorem ipsum dolor sit amet consectetur adipiscing elit ut. </p> </div> </body> </html>
你的代码很好。 问题是，您的操作系统 pdf 转换器不完全支持 @page 语法。 您可以尝试使用PrinceXML 转换器将您的代码转换为 PDF 并且您的标题和格式在这里。
在 HTML 中打印时，如何在每个页面中为动态内容添加固定的页眉和页脚？
[英]How do I add fixed header and footer for dynamic content in each page while printing in HTML?
我曾使用WP PDF Generator wordpress插件生成pdf，但我想从pdf中删除页眉和页脚，我该怎么做？
[英]I was used WP PDF Generator wordpress plugin to generate pdf but i want to remove header and footer from pdf, how can i do this?
如何将头文件中的div固定在另一个文件的固定div上方？
[英]How do i keep the div from a header file fixed just above the fixed div from another file?
如何将页眉和页脚XSLT文件添加到另一个XSLT文件中，以将其转换为HTML？
[英]How can I add header and footer XSLT files to another XSLT file to convert it into HTML?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.