14

我需要从 HTML 输入生成 PDF 文件：

<div style="width: 14cm; height: 21cm; position: relative">
  <img src="bg-image.jpg" style="width: 100%; height: 100%; position: absolute; left: 0; top: 0">
  <img src="image.jpg" style="width: 100px; height: 100px; position: absolute; left: 5cm; top: 5cm">
</div>

其中第一张图片是背景，第二张图片是用户输入（较小的照片）。

问题是当我尝试使用 mPDF 库生成 PDF 文件时，图像不会显示在一个页面上，但一个图像在第一页上，第二个图像在第二页上。所以我认为绝对定位不起作用，我不知道如何解决它。我不能使用第一张图片作为背景图片，因为它的自然尺寸小于它必须填充的背景区域。

请给我一些建议好吗？怎么了？

4

2 回答 2

25

mPDF 仅支持位置：绝对|部分固定 - 作为根元素，即它不会将块绝对定位在另一个块内。这是 mPDF 的一个已知限制。

于 2013-06-19T20:40:02.627 回答
12

我不知道 mPDF，但如果问题是绝对定位，您可以使用带有负边距的浮动定位：

<img src="image.jpg" style="float: left; margin: -16cm 0 0 -9cm" />
于 2013-06-01T16:29:28.793 回答