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)
所有浏览器的打印支持都得到很好的支持,许多流行的浏览器中的可怕错误多年来一直没有.
简短的回答是,如果您需要确保特定的布局,请避免HTML/CSS打印.使用PDF,可能是按需动态生成的.有各种PDF生成器API,如iTextSharp.可以从Flash打印,但只有在Flash安装并正常工作时(即没有Flashblock,iOS).
HTML/CSS打印应限于简单的布局.形式的印刷是具有恶梦fieldset&legend支撑是特别成问题的(特别是在Firefox).有趣的是,打印支持最适合互联网浏览器.
CSS3打印支持规范尚未完成,并且有一段时间.
一般原则:
不支持任何背景或后台CSS图像(默认情况下 - 用户可以更改其Intranet应用程序的浏览器设置).仅打印前景图像.
当页面尺寸在行星周围变化时,宽度需要是流动的.US Letter格式比A4布局更短更宽
所有浏览器都支持不同的打印方式.臭虫是军团.
使用打印预览测试.