【LODOP】page-break-after:always或page-break-before不能分頁的一種情況
當(dāng)前位置:點(diǎn)晴教程→知識管理交流
→『 技術(shù)文檔交流 』
page-break-after:always(或page-break-before)可以在超文本中添加,用于超文本塊級元素之間的分頁 注意只有前后都有換行符的block元素才能用來分頁, 不過如果內(nèi)部的塊級元素嵌套有多余的代碼,也會導(dǎo)致無法分頁,如果無法分頁,建議通過刪減或做簡單例子逐步添加樣式等,排查超文本內(nèi)容。 例如下面的代碼,內(nèi)部兩個div,兩個p標(biāo)簽,第二個div中多了一個<div style="">多余代碼,結(jié)果就是下面的都無法分頁了 測試代碼: <script language="javascript" src="LodopFuncs.js"></script> <title>Document</title> </head> <body> <div id="test1"> <div style="page-break-after:always;"> 第一個div中的內(nèi)容 </div> <div style="page-break-after:always;"> 第二個div中的內(nèi)容 </div> <p style="page-break-after:always"> 分頁元素不能空,可以是空格或普通內(nèi)容</p> <p style="page-break-after:always"> 分頁元素不能空,可以是空格或普通內(nèi)容</p> </div> <div id="test2"> <div style="page-break-after:always;"> <div style=""> 第一個div中的內(nèi)容 </div> <div style="page-break-after:always;"> 第二個div中的內(nèi)容 </div> <p style="page-break-after:always"> 分頁元素不能空,可以是空格或普通內(nèi)容</p> <p style="page-break-after:always"> 分頁元素不能空,可以是空格或普通內(nèi)容</p> </div> <br> <a href="javascript:prn1_preview()">打印預(yù)覽</a><br> <a href="javascript:prn2_preview()">打印預(yù)覽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 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |