取消web浏览器打印页眉和页脚

最新推荐文章于 2025-06-07 15:23:25 发布

原创最新推荐文章于 2025-06-07 15:23:25 发布 · 5.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#取消页眉页脚 #web打印设置 #浏览器打印 #print插件

本文介绍了一种使用CSS而非JS方法取消jquery.print.js插件中打印页面的页眉和页脚的技术。通过调整@media print下的样式实现无页眉页脚的打印效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

近期碰到了一个关于打印插件 jquery.print.js 页眉、页脚的设置问题在网上搜索了很多资料发现这个插件的配置方法很少基本上都是用的js 的方法来取消，照着上面说的试了很久还是没有效果，后来换了种思路找到了一段通过 css 来取消页眉、页脚
//此段就可以消除页眉页脚

<style type="text/css" media="print">
    @page
    {
        size: auto;   /* auto is the initial value */
        margin: 0mm 10mm 0mm 10mm;  /* this affects the margin in the printer settings 最关键的还是这个*/
    }
    body
    {
        background-color:#FFFFFF;
        margin: 0mm;  /* this affects the margin on the content before sending to printer */
    }
</style>