Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
488 views
in Technique[技术] by (71.8m points)

Lodop 打印预览分页问题。

lodop 打印分页预览时,使用page-break-before:always分页时第一页是正常的,第二页高度会高出一点点来(看红色标题第二页的比第一页的下边距高出一点)image.png
image.png

如果是使用page-break-after:always分页就会导致第二页往上偏(第一页也多出了一点)第二页顶头直接就少了一点

image.png
image.png

这个是我改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;">&nbsp;</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;">&nbsp;</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>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
等待大神解答

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
...