CSS页眉 - 如何使用打印边距?

Ted*_*ler 11 css printing margins

我可以在每个页面上打印标题,但我是新手来打印边距.我认为@page css会起作用,但它似乎不会影响页边距.如果我在主体上设置边距,它适用于第一页,但后续页面在默认情况下开始上边距,将标题放在文本顶部.

<style>  
.header {  
 position: fixed;  
 top: 0;  
}  
@page {  
 size: 11in 17in;  
 margin-left: 1in;  
 margin-right: 1in;  
 margin-top: 1in;  
 margin-bottom: 1in;  
} 
</style>

<body>  
<span class=header>This is the header</span>  
This is the text of the document. (repeat until I get to page 2)  
</body>
Run Code Online (Sandbox Code Playgroud)

Gle*_*nnG 9

所有浏览器的打印支持都得到很好的支持,许多流行的浏览器中的可怕错误多年来一直没有.

简短的回答是,如果您需要确保特定的布局,请避免HTML/CSS打印.使用PDF,可能是按需动态生成的.有各种PDF生成器API,如iTextSharp.可以从Flash打印,但只有在Flash安装并正常工作时(即没有Flashblock,iOS).

HTML/CSS打印应限于简单的布局.形式的印刷是具有恶梦fieldset&legend支撑是特别成问题的(特别是在Firefox).有趣的是,打印支持最适合互联网浏览器.

CSS3打印支持规范尚未完成,并且有一段时间.

一般原则:

  • 不支持任何背景或后台CSS图像(默认情况下 - 用户可以更改其Intranet应用程序的浏览器设置).仅打印前景图像.

  • 当页面尺寸在行星周围变化时,宽度需要是流动的.US Letter格式比A4布局更短更宽

  • 所有浏览器都支持不同的打印方式.臭虫是军团.

  • 使用打印预览测试.

  • 这个答案已经三年了,但我遇到了同样的问题.在此期间,打印css支持是否得到了更好的支持?具体来说,http://stackoverflow.com/questions/18173423/css-print-stylesheet-padding-on-the-second-page/18173467?noredirect=1#18173467 (3认同)
  • 不,这个位置仍然大致相同. (2认同)