一）在HTML页中加载打印对象

<object id="WebBrowser" width="0" height="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object>

二）实现打印、预览、设置功能

<input type="button" value="打印" onclick="document.all.WebBrowser.ExecWB(6,1)" /> 
<input type="button" value="页面设置" onclick="document.all.WebBrowser.ExecWB(8,1)" /> 
<input type="button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7,1)" />

三）隐藏不打印内容

<style type="text/css" media="print">
  /*方法一*/
</style>
<style type="text/css">
@media print
{
  /*方法二*/
}
</style>

举例：

<style type="text/css" media="print">
  /*加入该样式，表示打印时隐藏*/
  .noprint{display: none }
</style>
<style type="text/css">
/*表示打印时全部隐藏*/
@media print
{
  body{display: none;}
}
</style>

四）将内容打印分页

<DIV>（第一页）</DIV> 
<DIV STYLE="page-break-before:always">在此标签前，进行分页（第二页）</DIV>
<DIV STYLE="page-break-after:always">在此标签后，进行分页（第二页）</DIV>
<DIV>（第三页）</DIV> 
<DIV STYLE="page-break-before:left">在元素之后足够的分页符，一直到一张空白的左页为止（第四页）</DIV> 
<DIV STYLE="page-break-after:right">在元素之后足够的分页符，一直到一张空白的右页为止（第四页）</DIV> 
<DIV>（第五页）</DIV>

注意：Firefox、Chrome 以及 Safari 不支持属性值 "avoid"、"left" 以及 "right"。

原文  http://www.cnblogs.com/kandyvip/p/4332507.html