设计过程出现一个困难问题,一个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(); ） }