mpdf - 第一页上的文本延伸到第二页,与页眉重叠

Posted

技术标签:

【中文标题】mpdf - 第一页上的文本延伸到第二页,与页眉重叠【英文标题】:mpdf - Text on first page extends on-to second page, overlapping the header 【发布时间】:2013-12-13 17:19:30 【问题描述】:

我正在使用最新版本的 mPDF 来呈现发票。当我启动循环以在订单上显示产品时,文本通常会超出页面边界并延伸到下一个。问题是,它与下一页的标题重叠。

我想禁用除第一页以外的所有页面的页眉。或者,强制文本溢出以遵守页眉的边距规则。

例如,我可以像这样开始循环:

$html .= '<div style="clear:both; margin:auto;"><table>';
foreach ($terms as $term) 
    $html .= '<tr><td>'.$term.'</td></tr>';
   
$html .= '</table></div>';

如果 HTML 表格必须继续到下一页,它只会覆盖页眉。如何告诉 mPDF 打破表格?

【问题讨论】:

我有类似的问题。有人可以帮我解决上述问题吗? 我最终删除了
块,只是将标题写入文档正文。
【参考方案1】:

我用以下方法解决了这个问题:

$param = '"en-GB-x","A4","","",10,10,10,10,6,3';
$mpdf = new mPDF($param);

$html_header='<div>This is my header content</div>';
$mpdf->setAutoTopMargin='stretch';
$mpdf->setHTMLHeader($html_header);
$mpdf->WriteHTML($html,2);
$mpdf->Output($pdfFilePath, "D");

在添加标题之前调用setAutoTopMargin='strech' 为我解决了这个问题。 $param 只是从示例中窃取的一些默认值,我还没有阅读每个值的含义。

来源:http://www.mpdfonline.com/repos/mpdfmanual.pdf(第 107 页)

【讨论】:

【参考方案2】:

我在使用 mpdf 时也遇到了这样的问题,我的救星是使用这个 css 属性:

@media print 
#break-after 
    page-break-after: always;
     

我把break-after id放在页面的最后一个div,第一页上的这个文本永远不会转到下一页。

【讨论】:

以上是关于mpdf - 第一页上的文本延伸到第二页,与页眉重叠的主要内容,如果未能解决你的问题,请参考以下文章

Plotly:如何使用plotly-dash在一页上创建“输入文本”并在第二页或选项卡上输出(图形)?

通过平滑滚动重定向到不同页面上的 div?

怎么用html编辑第二页网页,现在内容全挤在第一页上?

如何使用localstorage / ajax jquery从第一页到第二页获取单选按钮值

WEB 打印如何去掉 页头页尾

通过选择复选框删除记录在 Jquery 数据表的第一页上工作正常,但在第二页上不行