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

Php 使用HTML生成打印机将忽略的空间,php,html,printing,whitespace,Php,Html,Printing,Whitespace,我有一些代码可以在一个网页上为多个客户生成账单。我使用div元素style=“page break after:always”,这样用户可以一次打印每个客户的账单,并且唯一客户的账单都将打印在单独的纸张上。我的问题是,我希望通过在一张账单和下一张账单之间留出一些空间,让账单在用户屏幕上更具可读性,但我不想打印一堆空白。如何在打印机将忽略的账单之间引入一些额外的空间?您可以只为打印机实现一个特殊的样式表,并让该样式忽略某些元素。类似这样的方法会奏效: <link rel="styleshee

我有一些代码可以在一个网页上为多个客户生成账单。我使用
div
元素
style=“page break after:always”
,这样用户可以一次打印每个客户的账单,并且唯一客户的账单都将打印在单独的纸张上。我的问题是,我希望通过在一张账单和下一张账单之间留出一些空间,让账单在用户屏幕上更具可读性,但我不想打印一堆空白。如何在打印机将忽略的账单之间引入一些额外的空间?

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

<link rel="stylesheet" type="text/css" media="print" href="/css/print.css">
在HTML文件中,所有要隐藏的元素只需添加
printhide
类即可。例如

<br class="printhide">

使用一个。这将是一个具有打印特定规则的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>
隐藏print.css中的空间:

div.spacer {display:none;}

谢谢,但是@Sam152击败了你:)@typoknig-这不是一场比赛:)这里的很多人似乎都认为是。有了这么大的数字,你显然就不那么愚蠢了:)
<link rel="stylesheet" href="screen.css"/>
<link rel="stylesheet" href="print.css" media="print"/>
div.spacer {margin-bottom:2em;}
div.spacer {display:none;}