使用 Window.print 时如何自定义打印？

Question

我想打印一张发票，我通过 media=print 使用 print.css，当我将当前样式表更改为 print.css 时，我可以查看我应该打印的内容，而标题和内容没有左对齐。

但在我打印时，顶部和左侧仍有空间，它占据了整个 a4 纸和页面的整个宽度。但我定义的正文宽度仅为 550 像素。

当我查看打印预览时，它占用整个宽度而不是占用宽度的 1/3..

我的 print.css 是

body {
  width:550px;
  height:450px;
  color:#000000;
  margin:0;
  padding:0;
  word-spacing:1.1pt;
  font-family : "Times New Roman", Times, serif;
  font-size : 10px;
  text-align:left; 
}

a {
  visibility :hidden;
  display : none;  
}

input{
  display : none;  
}

table { margin: 1px; text-align:left; }

#list,#head,#cont,#fotter,#oth,#links,#name,li,ul,ol {
  display : none;  
}

我正在使用window.print通过浏览器进行打印，所以我需要做任何特殊配置吗...？

Answer 1

不幸的是，您在使用 window.print（或任何其他 JavaScript 方法）时无能为力。

让您的页面以您想要的方式打印的唯一方法是选择文件 > 打印预览，然后在那里配置任何布局设置。例如，在 Firefox 上，您可以使网页横跨一张 A4 纸。