css 的@media print控制打印

@media版本：CSS2　   兼容性：IE5+
 
语法：  
 
@media     sMedia   {   sRules   }  
 
说明：  
 
sMedia   :   　指定设备名称。请参阅附录：设备类型  
sRules   :   　样式表定义  
 
指定样式表规则用于指定的设备类型。请参阅link对象的media属性（特性）。  
 
示例：  
 
//   设置显示器用字体尺寸  
@media   screen   {  
BODY   {font-size:12pt;   }  
}  

//   设置打印机用字体尺寸  
@media   print   {  
@import   "print.css "  
BODY   {font-size:8pt;}  
}  

 

Media   Types         设备类型

 
Media   Type
设备类型   CSS   Version
版本   Compatibility
兼容性   Description
简介  
all   CSS2   IE4+   用于所有设备类型  
aural   CSS2   NONE   用于语音和音乐合成器    
braille   CSS2   NONE   用于触觉反馈设备  
embossed   CSS2   NONE   用于凸点字符（盲文）印刷设备  
handheld   CSS2   NONE   用于小型或手提设备    
print   CSS2   IE4+   用于打印机  
projection   CSS2   NONE   用于投影图像，如幻灯片  
screen   CSS2   IE4+   用于计算机显示器  
tty   CSS2   NONE   用于使用固定间距字符格的设备。如电传打字机和终端  
tv   CSS2   NONE   用于电视类设备

 

 

 

1. <style>     
2. @media print {   
3. .noprint {    
4. display: none    
5. }   
6. }   
7. </style>  

 

1. 这里是打需要打印的内容.<span class="noprint">我只显示不打印哦，很神奇吧。哈哈</span>  
2. <div class="noprint" >  
3. <table style="margin:0 auto;width:500px;">  
4.     <tr align="center" ><td>  
5.       <object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0"  
6.                     width="0">  
7.       </object>  
8.   <input type="button" value="打印" onclick="document.all.WebBrowser.ExecWB(6,1)">  
9.   <input type="button" value="页面设置" onclick="document.all.WebBrowser.ExecWB(8,1)">  
10. <input type="button" value="直接打印" onclick="document.all.WebBrowser.ExecWB(6,6)">  
11.   <input type="button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7,1)">  
12.     </td></tr>  
13. </table></div>