CSS实现局部打印
关键字: css实现局部打印
在实现打印预览的时候,可以采用JS来完成这一功能,但这样会让所有在页面上的部分都答应出来,包括像“打印预览”这样的按钮也会打印,这样的情况,可以采用CSS来完成局部答应的功能。
代码如下:
<style media=print>
.Noprint {
display:none;
}
.NextPage {
page-break-after:always;
}
</style>
这样,如果要某些内容不要打印出来,则元素的class为“Noprint”,若要内容在下一个页中打印,则该元素的class为“NextPage”。
说明,style media=print是说明该样式在打印的情况下起作用。