Lodop 打印预览分页问题。
lodop 打印分页预览时，使用page-break-before:always分页时第一页是正常的，第二页高度会高出一点点来（看红色标题第二页的比第一页的下边距高出一点）
如果是使用page-break-after:always分页就会导致第二页往上偏（第一页也多出了一点）第二页顶头直接就少了一点
这个是我改lodop30的样例，不知道是我写的有问题，还是lodop 的问题？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" src="LodopFuncs.js"></script>
</head>
<body>
<div id="div1_2_3">
<div id="div1" style="margin-bottom:10px;">
<table border="1" width="300" id="tb01" bgcolor="#CCFFCC" style="border:solid 1px black"><tr><td width="133" id="mtb001" style="border:solid 1px">
<font face="黑体" color="#FF0000" size="3">《带底色表单》</font></td></tr></table>
</div>
<div style="page-break-before:always;height:0px;"> </div>
<div id="div2" style="margin-bottom:10px;">
<table border="1" width="300" id="tb01" bgcolor="#CCFFCC" style="border:solid 1px black"><tr><td width="133" id="mtb001" style="border:solid 1px">
<font face="黑体" color="#FF0000" size="3">《带底色表单》</font></td></tr></table>
</div>
</div>
<div id="div1_2">
<div id="div1" style="margin-bottom:10px;">
<table border="1" width="300" id="tb01" bgcolor="#CCFFCC" style="border:solid 1px black"><tr><td width="133" id="mtb001" style="border:solid 1px">
<font face="黑体" color="#FF0000" size="3">《带底色表单》</font></td></tr></table>
</div>
<div style="page-break-after:always;height:0px;"> </div>
<div id="div3">
<table border="1" width="300" id="tb01" bgcolor="#CCFFCC" style="border:solid 1px black"><tr><td width="133" id="mtb001" style="border:solid 1px">
<font face="黑体" color="#FF0000" size="3">《带底色表单》</font></td></tr></table>
</div>
</div>
<p><a href="javascript:prn1_preview()">page-break-before打印预览<p>
<p><a href="javascript:prn2_preview()">page-break-after打印预览<p>
<script language="javascript" type="text/javascript">
var LODOP; //声明为全局变量
function prn1_preview() {
LODOP=getLodop();
LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_分页输出三");
LODOP.ADD_PRINT_HTM(0, 0, 'RightMargin:0cm', 'BottomMargin:0mm',document.getElementById("div1_2_3").innerHTML);
LODOP.PREVIEW();
};
function prn2_preview() {
LODOP=getLodop();
LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_分页输出三");
LODOP.ADD_PRINT_HTM(0, 0, 'RightMargin:0cm', 'BottomMargin:0mm',document.getElementById("div1_2").innerHTML);
LODOP.PREVIEW();
};
</script>
</body>
</html>如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论