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

时间:2010-06-02 05:15:05

标签: javascript css printing

我想打印发票,我使用media = print的print.css,当我将当前样式表更改为print.css时,我可以查看我应该打印的内容,而不会将标题和内容左对齐。< / p>

但是当我正在打印时,顶部和左侧都有空间,它占据了整个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通过浏览器打印,所以我需要做任何特殊配置吗?

1 个答案:

答案 0 :(得分:3)

不幸的是,在使用window.print(或任何其他JavaScript方法)时,你无能为力。

让页面以您想要的方式打印的唯一方法是选择文件&gt;打印预览,然后在那里配置任何布局设置。例如,在Firefox上,您可以将网页拉伸到一张A4纸上。