首页 > 解决方案 > 如何使用 mPDF 库在 PDF 中并排保存两个元素?

问题描述

我可以在网页上并排保留两个元素,但不能在使用 mPDF 生成的 PDF 中。第一个元素是“div”元素,第二个元素是图像。我尝试通过设置“显示”属性。但是 mPDF 对内联块元素有一些限制。感谢您的帮助。谢谢你。

代码结构是这样的:

<div>
   <h4><span>Some Text</span></h4>
   <span>Some other text</span>
</div>

<img src="some_url">

PDF 是使用 mPDF 的“WriteHTML”函数调用生成的。我将整个 HTML 传递给此函数以将 HTML 写入文档。

标签: phpcsshtmlpdfmpdf

解决方案


这对我有用。我添加了内联样式以直接在 PDF 中应用它们。

<div style="width: 100%;">
  <div align="left" style="width: 50%;float: left;">
    <h4><span>Some Text</span></h4>
    <span>Some other text</span>
  </div>

  <div align="left" style="width: 50%;float: left;">
    <img src="https://via.placeholder.com/350x150" style="max-width:150px;height:auto"/>
   </div>
</div>

推荐阅读