使用-webkit-transform時出現不必要的左邊距（...）

Question

我正在使用wkhtmltopdf（它使用Webkit渲染引擎）將HTML文件轉換爲PDF文檔。生成的PDF爲A4。換句話說，它們具有固定的尺寸，因此具有有限的寬度。

我的PDF中的一個表格包含圖像，它們以拼圖般的方式拼湊在一起，有時會佔用大量空間。爲了適應A4 PDF的約束條件，我使用CSS屬性-webkit-transform：scale（...）;

這樣可以很好地對謎題進行縮放，並且它仍然清晰易讀，但出於某種原因，它也會將包含謎題的桌子推向右側。儘管我明確地將其左邊距設置爲0，但似乎在拼圖表的左側增加了顯着的餘量。

有趣的是，我的webkit轉換中的縮放比例越小，左邊的邊距就越大。例如，如果我使用比例（0.75），則產生的左邊距約爲200像素。如果我使用比例尺（0.5），則產生的左邊距約爲400像素。

我試着將左邊的絕對，固定和相對定位的左邊的拼圖表對齊：我也嘗試將它浮動到左邊，以及將它粘貼到文本對齊的容器中設置爲左側。這些技術都不起作用。

任何想法，這個左邊緣來自何方，我如何可以將其刪除/解決它？

Answer 1

有點反覆試驗後，把下面的CSS代碼拼圖表奏效了：http://css-infos.net/property/-webkit-transform-origin-x

UPDATE：在這裏這個屬性可以

-webkit-transform-origin-x: 0; 

更多信息見Richar- dW對於跨瀏覽器支持的評論如下。