【问题标题】:How to fix the size of the printing area while using window.print?如何在使用 window.print 时固定打印区域的大小?
【发布时间】:2010-05-06 14:20:10
【问题描述】:

我正在创建发票并且可以选择打印发票。在打印时,我使用样式表(使用 media=print)来阻止不应打印的元素的显示...

但是在打印时它会占用整个窗口的大小并使用那么多纸张..

我想限制打印区域的大小....我该怎么做?

【问题讨论】:

    标签: php javascript css printing


    【解决方案1】:

    如果没有看到原始页面上的 CSS,我无法确定,但请确保您使用的是 display:none 而不是 visibility:hidden 来删除您不想打印的区域。

    如果您在主体上设置了任何宽度或包含元素,您可以尝试删除/重置它们。

    或者看看一些 CSS 打印框架,例如 hartija http://code.google.com/p/hartija/

    祝你好运,

    杰迪迪亚


    编辑:只需阅读您对 Steven Paligo 的评论即可。如果行在表格中,您可以尝试在 TR 上设置固定高度或最大高度。

    【讨论】:

    • 是的。我对元素使用了 display:none 属性,但我的问题主要是控制打印区域的宽度和高度。我希望将这些东西打印在大约 300 像素宽度的纸张上,如果我的打印内容只有 500 像素高度,那么我希望使用那么多纸张,而不是将窗口高度作为高度..
    【解决方案2】:

    由于浏览器的限制,使用 CSS 自定义打印页面可能很困难。我发现按照您的要求进行操作的最佳方法是在正文上设置边距以将 HTML 定位在打印页面上。

    【讨论】:

    • 你能详细点吗?例如,如果我只有两行数据,我希望它们按原样打印,并且不应该占用 a4 纸的高度
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-01-20
    • 2018-02-14
    • 1970-01-01
    • 1970-01-01
    • 2010-09-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多