如何在单个页面应用程序上拥有多个css打印布局?

时间:2013-08-25 07:50:02

标签: javascript html css single-page-application printing-web-page

我有一个单页应用程序,我有不同的部分,我想在它自己的页面上打印出每个图像列表。

我想也许可以使用iframe来达到这个目的,但是我想得到一位经验丰富的人的回答。

解决此问题的最佳方法是什么?

2 个答案:

答案 0 :(得分:2)

您可以使用CSS媒体查询在打印时指导CSS规则,如本答案中所述:How do I hide an element when printing a web page?

然后,您可以在打印之前在某个高级零件对象上设置不同的类,以控制应用哪些CSS规则,从而在给定的操作中打印什么。

您还可以将整个样式表设置为要打印的介质类型,以便仅在打印时适用。

或者,根据具体情况,您可以打开一个新窗口,将要打印的内容放在该新窗口中并打印该窗口。通常情况下,如果不需要,最好避免打开新窗口。

答案 1 :(得分:0)

有一个CSS Template Module正在进行中,当浏览器赶上时会有一个Javascript implementation

我的成绩相当不错。