使用 printJS 调整 Div 宽度

Question

我正在尝试使用 PrintJS 库。它允许您定位特定的 id 并打印包含在该 id 中的 html 。我面临的问题是，当我更改屏幕大小时，它也会更改 div 的打印大小。他们为您提供了传递 css 的选项，但并非所有更改都会应用。

这是我的测试用法：

printJS({printable: 'oogles', type: 'html', style: '.modal-header { color: red; width: 100px; } .modal-body { width:100% }'})

某些 css 更改已成功应用到样式部分，例如 color: red，但更改宽度似乎不起作用。我试过 width: 100%; 或任意设置为特定宽度，如 width: 100px;

html:

    <div id='oogles'>
      <div class='modal-header'>wooooooo we are printing some things!</div>
      <div class='modal-body'>well we are trying at least</div>
    </div>

有没有人有使用 PrintJS 调整打印元素宽度的经验？

谢谢

Answer 1

尝试将您的样式表传递给图书馆。如果 HTML 没有任何内联样式标签，如果您禁用 lib 的样式处理就更好了。

例如：

printJS({
  printable: 'oogles', 
  type: 'html', 
  style: '.modal-header { color: red; width: 100px; } .modal-body { width:100% }'
  css: [
         'my_stylesheet_1',
         'my_stylesheet_2.css'
  ],
  scanStyles: false
})

使用 printJS 调整 Div 宽度

Adjusting Div Width with printJS

javascript

jquery

printjs