Question

我想通过pos打印机打印一个页面，但现在打印的页面太长了。这是我的js代码。

<script>
  $("#print").click( function (){
      var div_height = document.getElementById("yu_jie_dan").clientHeight;
      var printContents = document.getElementById("yu_jie_dan").innerHTML;
      w = window.open("", 'name', 'resizable=1',false);
      w.document.write("<body style='width: 230px;font-size: 30px;'>");
      w.document.write(printContents);
      w.document.write("</body>");
      w.print();
      w.close();
  })
</script>

我想将我的网页width设置为230px，height为auto。

Answer 1

css中有一个伪类只有在你试图打印html页面时才会生效。

#page-id__or__div-id: print {
  // Add style here that you want to see in printed documents
}

Answer 2

我不能让页面更长，最后我为这个页面添加一个div。记住，div必须包含一些可以使这个页面更长的单词。

使用window.print时如何设置页面高度？

2 个答案: