gpt4 book ai didi

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

转载 作者:技术小花猫 更新时间:2023-10-29 10:33:08 27 4
gpt4 key购买 nike

我可以在每页上打印页眉,但我不熟悉打印页边距。我认为 @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 打印应限于简单的布局。表单打印是一场噩梦,fieldsetlegend 支持尤其成问题(尤其是在 Firefox 上)。有趣的是,打印支持在 Internet Explorer 上最好。

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

一般原则:

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

  • 由于页面大小在全局范围内各不相同,因此宽度必须是可变的。 US Letter 格式比 A4 布局更短更宽

  • 所有浏览器都支持以不同方式打印。错误很多。

  • 使用打印预览进行测试。

关于CSS 页眉 - 如何使用打印页边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4347992/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com