【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 编辑过 |
关键字查询
相关文章
正在查询... |