Question

我正在使用wkhtmltopdf（使用Webkit呈现引擎）将HTML文件转换为PDF文档。生成的PDF是A4。换句话说，它们具有固定的尺寸，因此宽度有限。

我的PDF中的一个表包含图像，这些图像以类似拼图的方式拼凑在一起，有时会占用大量空间。

为了使得到的谜题适合A4 PDF的约束，我正在应用CSS属性-webkit-transform：scale（...）;

这可以很好地扩展拼图，它仍然清晰易读，但由于某种原因，它也将包含拼图的桌子推向右边。尽管我明确地将其左边距设置为0，但似乎在拼图表的左侧增加了一个显着的边距。

有趣的是，我的webkit转换规模越小，左边的边距就越大。因此，例如，如果我使用比例（0.75），则得到的左边距约为200像素。如果我使用比例（0.5），则产生的左边距约为400像素。

我尝试使用左侧的绝对，固定和相对定位将拼图表左对齐：0。我还尝试将其浮动到左侧，并将其粘贴在容器中text-align设置为left。这些技术都不起作用。

这个留下余量的想法是什么以及我如何删除它/解决它？

Answer 1

经过一些试验和错误后，将以下CSS代码添加到拼图表中就可以了：

-webkit-transform-origin-x: 0;

更新：请参阅下面的Richar-dW关于跨浏览器支持的评论。