如何在HTML，CSS和JavaScript中添加打印页眉和页脚？

Question

我有HTML和CSS的文档。我想在每个打印页面中都有页眉和页脚，这样当您按Print时，每个页面都有相同的页脚和页眉。有没有办法使用网络技术？除了分页后等，我找不到很多关于打印的信息。

Answer 1

这是我发现的：

您可以使用position: fixed和top: 0或bottom: 0将元素放置在每个页面的顶部/底部。但是，由于固定定位在IE6上不起作用，因此唯一的选择是使用100%高度和thead以及tfoot的表格。它是某种神奇的，以你想要的方式工作（让thead和tfoot的内容出现在每一页上）。如果你不关心IE6，只需使用固定定位。

但是，固定定位也意味着您拥有的任何内容都可能位于固定定位元素的后面。因此，实际上，页眉和页脚不占用任何空间。

您无法控制实际的页眉/页脚（例如，打印的URL）。用户必须自己禁用它们。

痛苦的HTML / CSS打印的最佳替代方法是PDF。您可以控制每个页面的外观，大小和页眉/页脚的大小。缺点是打印速度较慢（生成PDF的速度不如加载HTML页面那么快）以及使用某些PDF库工作的痛苦。

Answer 2

您无法设置页眉和页脚，它是处理该部分的浏览器。