我有一个 HTML 和 CSS 格式的文档。我想在每个打印页面中都有页眉和页脚,这样当您按“打印”时,每个页面都有相同的页脚和页眉。有没有办法使用网络技术来做到这一点?除了 page-break-after 等,我找不到太多关于打印的信息。
最佳答案
这是我发现的:
您可以使用 position: fixed
和 top: 0
或 bottom: 0
将元素定位在 的顶部/底部每个页面。但是,由于固定定位在 IE6 上不起作用,唯一的选择是使用具有 100%
高度和 thead
和 tfoot
的表格.它是某种按您希望的方式工作的魔术(让 thead
和 tfoot
的内容出现在每个页面上)。如果您不关心 IE6,只需使用固定定位即可。
但是,固定定位也意味着您拥有的任何内容都可能位于固定定位元素之后。因此,实际上,页眉和页脚不占用任何空间。
您无法控制实际的页眉/页脚(例如打印的 URL)。用户必须自己禁用这些。
痛苦的 HTML/CSS 打印的最佳替代品是 PDF。您可以控制每个页面的外观、页面大小和页眉/页脚。缺点是打印速度较慢(生成 PDF 的速度不如加载 HTML 页面快)以及使用某些 PDF 库的方式的痛苦。
关于javascript - 如何在 HTML、CSS 和 JavaScript 中添加打印页眉和页脚?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6664752/