javascript - 如何在 HTML、CSS 和 JavaScript 中添加打印页眉和页脚?

标签 javascript html css printing

我有一个 HTML 和 CSS 格式的文档。我想在每个打印页面中都有页眉和页脚,这样当您按“打印”时,每个页面都有相同的页脚和页眉。有没有办法使用网络技术来做到这一点?除了 page-break-after 等,我找不到太多关于打印的信息。

最佳答案

这是我发现的:

您可以使用 position: fixedtop: 0bottom: 0 将元素定位在 的顶部/底部每个页面。但是,由于固定定位在 IE6 上不起作用,唯一的选择是使用具有 100% 高度和 theadtfoot 的表格.它是某种按您希望的方式工作的魔术(让 theadtfoot 的内容出现在每个页面上)。如果您不关心 IE6,只需使用固定定位即可。

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

您无法控制实际的页眉/页脚(例如打印的 URL)。用户必须自己禁用这些。

痛苦的 HTML/CSS 打印的最佳替代品是 PDF。您可以控制每个页面的外观、页面大小和页眉/页脚。缺点是打印速度较慢(生成 PDF 的速度不如加载 HTML 页面快)以及使用某些 PDF 库的方式的痛苦。

关于javascript - 如何在 HTML、CSS 和 JavaScript 中添加打印页眉和页脚?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6664752/

相关文章:

python - Python 中的 HTML 标签云

javascript - 如何才能有一个仅在移动设备上显示的可折叠按钮?

html - CSS 维恩图鼠标悬停

jquery - CSS(或 jQuery): How to set horizontal scrollbar in the middle position?

css - compass 垂直节奏不起作用

css - Chrome 截掉了 Oswald-Light 字体

javascript - AddEventListener 弹出窗口在 IE 11 中不起作用

javascript - DataTables - 默认禁用所有功能

javascript - 自定义 JQuery 元素

javascript - 在 grails 项目中使用 jquery 2.2.2