使用CSS3和HTML5创建A4大小的页面，每页都有重复的页眉和页脚 [英] Using CSS3 and HTML5 Create A4 size page with repeat header and footer on each page

问题描述

亲爱的朋友们





请帮助我，

我想在A4中显示和打印报告尺寸文件。

我想使用CSS3和HTML5创建文档，那些html文档将打印在A4尺寸页面上，重复页眉和页脚





谢谢



JYOTIRMOY

Dear friends


Kindly help me,
I want to display and Print reports in A4 size document.
I want to use CSS3 AND HTML5 to create documents and those html documents will be printed on A4 Size Pages with repeating Header and Footer


Thanks

JYOTIRMOY

推荐答案

你没有需要css3或html5，只需要来自css2.1的 @media 和 @page 规则。

点击这里：

http ：//www.gordonlo.ca/post/CSS-Print-Media-Page-Headers-and-Footers.aspx [ ^ ]

http://www.tutorialspoint.com/css/css_paged_media.htm [ ^ ]

虽然旧浏览器存在一些问题，但是较新的浏览器存在问题（支持css3和html5）也会更好地处理这个话题。但请注意，打印机介质可能需要相对于屏幕介质进行少量调整。所以测试所有东西。

You don't need css3 or html5 for that, just the @media and @page rules from css2.1.
Look here:
http://www.gordonlo.ca/post/CSS-Print-Media-Page-Headers-and-Footers.aspx[^]
http://www.tutorialspoint.com/css/css_paged_media.htm[^]
Although there are some problems with older browsers, thus newer ones (that support css3 and html5) will better deal with this topic too. But be aware, that printer media might need little adjustment relatively to the screen media. So test everything trough.

这篇关于使用CSS3和HTML5创建A4大小的页面，每页都有重复的页眉和页脚的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！