在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;}
}