用CSS来隐藏不希望被打印出来的元素

在WEB上打印时,当页面元素不想在打印时显示时可以使用一个CSS样式,定义这个CSS的方法如下:

<style>
	@media print {
		.Noprn {
			display: none;
		}
	}
</style>

———————————————————————————————————–

@media版本：CSS2　 兼容性：IE5+

语法：
@media sMedia { sRules }
取值：
sMedia :
指定设备名称。

all 用于所有设备类型

handheld  用于小型或手提设备
print  用于打印机

screen  用于计算机显示器

sRules : 样式表定义
说明：
指定样式表规则用于指定的设备类型。此规则无默认值。
请参阅 link 对象的 media 属性(特性)。
示例：

<style type="text/css">
	// 设置显示器用字体尺寸
	@media screen {
		BODY {
			font-size: 12pt;
		}
	}

	// 设置打印机用字体尺寸
	@media print {
		@import "print.css"

		BODY {
			font-size: 8pt;
		}
	}
</style>

 

———————
作者：jadexupeng
来源：CSDN
原文：https://blog.csdn.net/jadexupeng/article/details/980791