我目前使用WKHTMLTOPDF通過我的Laravel應用程序生成PDF。 PDF模板使用Bootstrap 3.3.6
。WKHTMLTOPDF從左邊緣刪除文本
我目前看到的是文本,字體,佈局完美呈現,但文字從左邊距切斷。
如果我刪除Bootstrap CSS的調用,它不會切斷文本,但表格等不會正確對齊/佈局。它必須是引起這個問題的Bootstrap中的一些東西。模板的
頂
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700" rel='stylesheet' type='text/css'>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
width: auto !important; min-width: 100% !important;
font-family: 'Lato';
}
.page-break {
page-break-after: always;
}
</style>
線width: auto !important; min-width: 100% !important;
使更多的文字中,但它仍然不是很完美(見下面的截圖在第二頁上):
任何包裝在<p> </p>
中的文字都可以正確地放在PDF上,但標題和表格等在左側被截斷。
控制器代碼:
$pdf = PDF::loadView('reports.view-full-audit-report', $data)
->setPaper('a4')
->setOrientation('portrait')
->setOption('encoding', 'utf-8');
return $pdf->download('auditReport.pdf');
有沒有人經歷過這個?如果是這樣,你是如何解決它的?如果您需要更多代碼示例,請告訴我。非常感謝。