同一页面的多个打印css

时间:2013-06-24 17:00:36

标签: css printing

我正在为销售健康产品的本地公司建立订单输入系统。我在使用带有C#的asp.net。当用户点击最终发票上的打印时,我实际上想要打印几张发票副本,但我希望每个副本显示/隐藏不同的字段。有没有办法创建多个打印CSS'和打印时我可以使用不同的CSS每次调用打印功能。我想为客户打印一张发票,只需要他们需要的字段,还有打包机的发票,显示任何额外的包装说明但不显示货币价值,然后是包含所有数据的业务记录的最终副本。

1 个答案:

答案 0 :(得分:2)

这对我有用:

<style type="text/css">
@media print 
        {
            .printOnly {
               display: block !important;
               page-break-after: always;
            }

            #original_content {
               page-break-after: always;
            }
        }
</style>
<body>
   <div id="original_content">
      ...(your original content)...
   </div>

   <div class="printOnly" style="display:none"> 
      ...(basically a copy of original content, you can repeat this div 
      multiple times if you need more than one copy)...
   </div>
</body>