【LODOP】page-break-after:always或page-break-before不能分頁的一種情況
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
page-break-after:always(或page-break-before)可以在超文本中添加,用于超文本塊級元素之間的分頁 注意只有前后都有換行符的block元素才能用來分頁, 不過如果內部的塊級元素嵌套有多余的代碼,也會導致無法分頁,如果無法分頁,建議通過刪減或做簡單例子逐步添加樣式等,排查超文本內容。 例如下面的代碼,內部兩個div,兩個p標簽,第二個div中多了一個<div style="">多余代碼,結果就是下面的都無法分頁了 測試代碼: <script language="javascript" src="LodopFuncs.js"></script> <title>Document</title> </head> <body> <div id="test1"> <div style="page-break-after:always;"> 第一個div中的內容 </div> <div style="page-break-after:always;"> 第二個div中的內容 </div> <p style="page-break-after:always"> 分頁元素不能空,可以是空格或普通內容</p> <p style="page-break-after:always"> 分頁元素不能空,可以是空格或普通內容</p> </div> <div id="test2"> <div style="page-break-after:always;"> <div style=""> 第一個div中的內容 </div> <div style="page-break-after:always;"> 第二個div中的內容 </div> <p style="page-break-after:always"> 分頁元素不能空,可以是空格或普通內容</p> <p style="page-break-after:always"> 分頁元素不能空,可以是空格或普通內容</p> </div> <br> <a href="javascript:prn1_preview()">打印預覽</a><br> <a href="javascript:prn2_preview()">打印預覽2</a><br> <script language="javascript" type="text/javascript"> var LODOP; //聲明為全局變量 function prn1_preview() { LODOP.PRINT_INIT(""); LODOP.ADD_PRINT_HTM(88,200,350,600,document.getElementById("test1").innerHTML); LODOP.PREVIEW(); }; function prn2_preview() { LODOP.PRINT_INIT(""); LODOP.ADD_PRINT_HTM(88,200,350,600,document.getElementById("test2").innerHTML); LODOP.PREVIEW(); }; </script> 圖示:
如圖,test1里分頁正常,test2里的都沒有分頁 該文章在 2023/9/27 21:17:52 編輯過 |
關鍵字查詢
相關文章
正在查詢... |