EvoTalk

15 四月, 2009

Html 分頁列印

Posted by: asd In: Web| 程式設計 ()

html 頁面內容為

HTML:
  1. <div> title1 </div>
  2. <table>
  3. ......
  4. </table>
  5. <div> title2 </div>
  6. <table>
  7. ...
  8. </table>

title1 +  table1 + title2 + table2 .... 以此類推
若想將每個 titlex + tablex 列印時總是在一頁的頁首,可用 jquery 找到第二個以上的 div.title 並加上 css 「page-break-before: always;」

CODE:
  1. //css
  2. .breakpage
  3. {
  4. page-break-before: always;
  5. }
  6.  
  7. // jquery
  8. var divs = $('div.title:gt(0)');
  9. divs.addClass('breakpage');

Most Commented Posts



No Responses to "Html 分頁列印"

Comment Form