用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 属性(特性)。
请参阅 link 对象的 media 属性(特性)。
示例:
// 设置显示器用字体尺寸
@media screen {
BODY {font-size:12pt; }
}
// 设置打印机用字体尺寸
@media print {
@import "print.css"
BODY {font-size:8pt;}
}
@media screen {
BODY {font-size:12pt; }
}
// 设置打印机用字体尺寸
@media print {
@import "print.css"
BODY {font-size:8pt;}
}
- 用CSS来隐藏不希望被打印出来的元素
- css样式占位和不占位隐藏元素的方法
- css中利用margin来隐藏元素
- css隐藏父元素,不隐藏子元素
- CSS隐藏元素的差异
- css 隐藏元素的方法
- 用 CSS 隐藏页面元素
- 惠普打印机打印不出来
- 打印时Listbox的listheader打印不出来
- 一次打印出来正常,不打印出错的体验
- 您可能不知道的CSS元素隐藏“失效”以其妙用
- 您可能不知道的CSS元素隐藏“失效”以其妙用
- 用 CSS 隐藏页面元素的 5 种方法
- 用CSS隐藏页面元素的5种方法
- 用 CSS 隐藏页面元素的 5 种方法
- 用 CSS 隐藏页面元素的 5 种方法
- 用 CSS 隐藏页面元素的 5 种方法
- 【译】用 CSS 隐藏页面元素的 5 种方法
- 使用Socket传送文件!
- ASP.NET 2.0数据缓存功能简介
- 批处理变量应用
- Web服务描述语言
- 有感于《华裔博士难找工作加拿大自杀 曾是湖北理科状元》
- 用CSS来隐藏不希望被打印出来的元素
- WebServices入门
- Xml WebService完全实例解析(一)
- 地铁小报还真有人买……
- 类加载器的收获
- Xml WebService完全实例解析(二)
- 什么是Bugzilla
- 系统管理模块数据库设计
- Xml WebService完全实例解析(三)