用HTML生成打印机将忽略的空间

您只能为打印机实现一个特殊的样式表,并使该样式忽略某些元素。像这样的方法会奏效:

<link rel="stylesheet" type="text/css" media="print" href="/css/print.css">

然后在print.css文件中,您可以拥有所有原始css并定义如下内容:

.printhide{ display:none; }

在HTML文件中,所有想要隐藏的元素只需添加 printhide

<br class="printhide">

使用 print css . 这将是一个带有打印特定规则的css文件,它可以与所有其他css文件一起加载,但是使用 media="print" 属性来告诉浏览器它是用于打印的。

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

插入 div

<div class="bill">
...your bill goes here...
<div class="spacer"></div>
</div>

添加打印样式表:

<link rel="stylesheet" href="screen.css"/>
<link rel="stylesheet" href="print.css" media="print"/>

div.spacer {margin-bottom:2em;}

隐藏print.css中的空间:

div.spacer {display:none;}