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

前端之家收集整理的这篇文章主要介绍了CSS页眉 – 如何使用打印页边距?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我可以在每个页面上找到一个标题来打印,但我是打印边距的新手.我以为@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>

解决方法

所有浏览器的打印支持都非常受支持,许多流行的浏览器中出现了可怕的错误,这些浏览器已经不复存在多年.

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

HTML / CSS打印应限制在简单的布局.表格打印是一场噩梦,传说支持特别有问题(特别是在Firefox上).有趣的是,打印支持是最好的互联网探险家.

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

一般原则:

>不支持背景或背景CSS图像(默认情况下,用户可以更改内部网应用程序的浏览器设置).仅打印前景图像.>当地球上的页面大小变化时,宽度需要流动.美国信件格式比A4布局更短和更宽>所有浏览器都以不同的方式支持打印.虫子是军团>使用打印预览进行测试.

猜你在找的CSS相关文章