【问题标题】:how to print a DIV contents with A5 size and keep css using jQuery如何打印 A5 大小的 DIV 内容并使用 jQuery 保留 css
【发布时间】:2021-08-17 23:34:38
【问题描述】:

如何使用jQuery打印A5大小的DIV内容并保留css?

我使用了printThis.js,但没有 CSS 对齐方式的打印预览和页面大小不同..

【问题讨论】:

    标签: html jquery printthis


    【解决方案1】:

    您不能在 printThis 中执行此操作(我是作者),但您可以使用 CSS。

    看看这个来自http://www.w3.org/TR/css3-page/#size的CSS3示例:

    /* style sheet for "A4" printing */
    @media print and (width: 21cm) and (height: 29.7cm) {
         @page {
            margin: 3cm;
         }
    }
    
    /* style sheet for "letter" printing */
    @media print and (width: 8.5in) and (height: 11in) {
        @page {
            margin: 1in;
        }
    }
    
    /* A4 Landscape*/
    @page {
        size: A4 landscape;
        margin: 10%;
    }
    

    【讨论】:

    • 为什么 loadCSS: "\stylesheets\print.css", not working , nodejs express project with handlebars, 尝试了不同格式的文件路径,但在打印预览中仍然没有显示设计视图
    • 看我的印刷设计在这里i.postimg.cc/pXtKvtmW/jobsheet1.jpg 看印刷预览在这里i.postimg.cc/7YM0YQzg/jobsheetprintpreview.jpg 为什么这一切都在左边?
    • @HabeebKambrath - 路径必须是完全合格的路径,因为内容被写入 iframe 并且需要完整路径才能正确加载。
    • 你看到图片了吗?确定是 CSS 问题吗?其他 CSS 道具即将到来,但我认为有些不是,你怎么看?
    • @HabeebKambrath 如果您要打印整个页面(或大部分),则不需要我的插件。您可以在 CSS 中使用打印媒体查询来隐藏您不想打印的一些内容。至于你的截图,没有看到代码我无法确定原因。您是否按照说明进行调试? github.com/jasonday/printThis/wiki/…
    猜你喜欢
    • 1970-01-01
    • 2013-07-19
    • 2016-02-17
    • 1970-01-01
    • 2022-01-25
    • 2017-10-19
    • 2011-06-23
    • 2012-09-19
    相关资源
    最近更新 更多