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

来源:互联网 发布:php数组拼接成字符串 编辑:程序博客网 时间:2024/05/19 22:45

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

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

-----------------------------------------------------------------------------------------------------------

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

语法:
@media sMedia { sRules }
取值:
sMedia :

指定设备名称。

all 用于所有设备类型

handheld  用于小型或手提设备

print  用于打印机

screen  用于计算机显示器

sRules :样式表定义
说明:
指定样式表规则用于指定的设备类型。此规则无默认值。
请参阅 link 对象的 media 属性(特性)。
示例:
// 设置显示器用字体尺寸
@media screen {
BODY {font-size:12pt; }
}
 
// 设置打印机用字体尺寸
@media print {
@import "print.css"
BODY {font-size:8pt;}
}  
原创粉丝点击