在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