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

Question

我有一些代码可以在一个网页上为多个客户生成账单.我使用该div元素,style="page-break-after:always"因此用户可以立即打印每个客户账单,并且独特客户的账单将全部打印在单独的纸上.我的问题是,我希望通过在一个帐单和下一个帐单之间放置一些空格,在用户屏幕上更容易读取帐单,但我不想打印一堆空白区域.如何在打印机忽略的钞票之间引入一些额外的空间？

Answer 1

您只能为打印机实现一个特殊样式表,并使该样式忽略某些元素.像这样的东西会起作用:

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

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

.printhide{ display:none; }

在HTML文件中,您想要隐藏的所有元素只是将printhide类添加到它们中.例如.

<br class="printhide">