用某些预先填好的数据打印Div，然后打印一个隐藏的div

如果此问题显得模糊，请提前道歉。我将一个旧的Silverlight应用程序移植到html/web api应用程序中。用某些预先填好的数据打印Div，然后打印一个隐藏的div

该应用程序允许不同的供应商申请与主权部落的业务许可证，然后允许他们有机会在许可证发布给他们时打印许可证。

许可证看起来像在许可证文本的这个

几乎100％的来自于数据库。

我的一个想法是创建一个html表格，并将该表格的背景设置为证书图像，然后使用单元格定位服务器中的文本。

但是我因为几个原因打了一堵墙， 1）许可证需要打印整页，只有许可证不是网站的其余部分，比如打印按钮。 2）在许可证打印之前，我需要打印隐藏的div中的求职信。

所以理想情况下，用户点击一个按钮，然后打印一封求职信，然后打印正确格式的许可证。

任何指针或建议是非常受欢迎的。

感谢

来源

2017-01-30 w2olves

您可以使用CSS @media应用样式打印文档，只有当，而不是在刚观察：

html, 
 
body { 
 
    height: 100%; 
 
    margin: 0; 
 
} 
 

 
.cover { 
 
    /* hidden cover */ 
 
    display: none; 
 
    height: 100%; 
 
    width: 100%; 
 
} 
 
/* fills entire sheet of paper */ 
 

 
.cert { 
 
    display: block; 
 
    height: 100%; 
 
    width: 100%; 
 
} 
 
/* only apply when printing */ 
 

 
@media print { 
 
    /* show cover in print */ 
 
    .cover { 
 
    display: block; 
 
    } 
 
    /* hide other elements in print */ 
 
    button { 
 
    display: none; 
 
    } 
 
}

<button onclick="window.print()">print</button> 
 
<div class="cover">COVERLETTER</div> 
 
<div class="cert">CERTIFICATE</div>

来源

2017-01-30 04:06:30

谢谢。我希望这可以帮助鞋子中的其他人。你会对我是否应该使用表格来定位文本顶部的div有什么意见吗？还是有更好的方法来做到这一点？ – w2olves

用某些预先填好的数据打印Div，然后打印一个隐藏的div

回答

相关问题