js解决浏览器打印自动分页的问题

设计过程出现一个困难问题,一个HTML页面有多个表格,要求必须自动分开打印到几张A4纸张上面.
一个表格被分开打印到两张A4上,多难看啊.... 

无意中翻阅CSS,发现里面有两语句:page-break-beforepage-break-after 
分别对应的 参数是: auto; always; left; right; 
于是尝试建立一张HTML,如下

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>分页测试</title>
<style type="text/css">
<!--
.A4 {        
    page-break-before: auto;        
    page-break-after: always;
}
-->
</style>
</head>

<body>
    <div class="A4">第一页</div>
    <div class="A4">第二页</div>
</body>
</html>

 

于是解决了问题.....显示时是连续的,当你选择打印预览时,你会看到,已经是自动分开两页打印.

 

打印的方法：

　window.print();

　window.frames[1].print();

<input id="biuuu_button" type="button" value="打印"></input>  
  
<div id="myPrintArea">.....文本打印部分.....</div>   

　2 使用jQuery插件实现打印某个模块打印

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>   
<script type="text/javascript" src="jquery.PrintArea.js"></script> 

$("input#biuuu_button").click(function(){  
      $("div#myPrintArea").printArea();  ）
}