設計過程出現一個困難問題,一個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(); ） }