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>