Javascript 打印带有一些预填充数据的Div,然后打印隐藏的Div

Javascript 打印带有一些预填充数据的Div,然后打印隐藏的Div,javascript,angularjs,html,css,Javascript,Angularjs,Html,Css,如果这个问题显得含糊不清,我提前道歉。 我正在将一个较旧的Silverlight应用程序移植到html/WebAPI应用程序中 该应用程序允许不同的供应商向一个主权部落申请业务许可证,然后允许他们在收到许可证后打印许可证 许可证看起来像这样 许可证中几乎100%的文本来自数据库 我的一个想法是创建一个html表,并将该表的背景设置为证书图像,然后使用单元格定位来自服务器的文本 但是我撞到墙上有几个原因, 1) 许可证需要打印整个页面,并且只打印许可证,而不打印站点的其他部分,如“打印”按钮。

如果这个问题显得含糊不清,我提前道歉。 我正在将一个较旧的Silverlight应用程序移植到html/WebAPI应用程序中

该应用程序允许不同的供应商向一个主权部落申请业务许可证,然后允许他们在收到许可证后打印许可证

许可证看起来像这样

许可证中几乎100%的文本来自数据库

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

但是我撞到墙上有几个原因, 1) 许可证需要打印整个页面,并且只打印许可证,而不打印站点的其他部分,如“打印”按钮。 2) 在打印许可证之前,我需要打印一封隐藏在div中的求职信

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

欢迎提出任何建议或建议


谢谢

您只能在打印文档时使用css@media应用样式,而不仅仅是在查看时:

html,
身体{
身高:100%;
保证金:0;
}
.掩护{
/*隐藏的掩护*/
显示:无;
身高:100%;
宽度:100%;
}
/*填满整张纸*/
.证书{
显示:块;
身高:100%;
宽度:100%;
}
/*仅在打印时适用*/
@媒体印刷品{
/*打印封面*/
.掩护{
显示:块;
}
/*隐藏打印中的其他元素*/
钮扣{
显示:无;
}
}
打印
求职信

证书
您只能在打印文档时使用css@media应用样式,而不仅仅是在查看时:

html,
身体{
身高:100%;
保证金:0;
}
.掩护{
/*隐藏的掩护*/
显示:无;
身高:100%;
宽度:100%;
}
/*填满整张纸*/
.证书{
显示:块;
身高:100%;
宽度:100%;
}
/*仅在打印时适用*/
@媒体印刷品{
/*打印封面*/
.掩护{
显示:块;
}
/*隐藏打印中的其他元素*/
钮扣{
显示:无;
}
}
打印
求职信

证书
谢谢。我希望这也能帮助站在我立场上的其他人。您对我是否应该使用表格将文本放置在div顶部有什么意见,或者有更好的方法吗?谢谢。我希望这也能帮助站在我立场上的其他人。您对我是否应该使用表格将文本放置在div顶部有什么意见,或者有更好的方法吗?