js 调用浏览器打印预览分页

最新推荐文章于 2025-03-11 14:14:38 发布

joyour

最新推荐文章于 2025-03-11 14:14:38 发布

阅读量1k

点赞数

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_25103439/article/details/97136458

版权

js 专栏收录该内容

35 篇文章

订阅专栏

本文介绍如何在A4纸上合理布局两个内容块，并通过CSS样式实现强制分页的效果，同时还提供了一个JavaScript函数用于指定div进行打印。

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

一张A4纸尺寸为210mm*297mm

一张A4纸放两个内容块每个内容块高度为148.5mm

每个页面的第二个div样式设置page-break-after:always 就会强制分页了

.main-card:nth-child(2n){
    page-break-after:always
}

//补充

/**
 * @method printdiv 打印
 * @param {string}printpage 指定打印的div的id
 */
const printdiv = function (printpage, type = 'html', title = '') {
    Print({
        printable: printpage,
        type,
        maxWidth: 1000,
        honorColor: true,
        // 继承原来的所有样式
        targetStyles: ['*'],
        documentTitle: title
    })
}

//使用

printdiv （"要打印的div的id"）