用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 属性(特性)。
示例:
// 设置显示器用字体尺寸
@media screen {
BODY {font-size:12pt; }
}
 
// 设置打印机用字体尺寸
@media print {
@import "print.css"
BODY {font-size:8pt;}
}  
  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值