2017-07-24 254 views
0

我正在使用mpdf從HTML頁面生成pdf,但樣式表不起作用。這是我的HTML:mpdf不能從鏈接的樣式表呈現樣式

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <link rel="stylesheet" type="text/css" href="http://swiftdigital.ltd.uk/pdf.css"> 
</head> 
<!-- END HEAD --> 

<body id="the_pdf"> 

<div id="wrapper"> 
    <img src="http://via.placeholder.com/350x150" alt="Logo" id="logo"> 
</div> 

</body> 

</html> 

如果您滾動到你會看到,應採用一些樣式CSS的底部,例如包裝應該有它周圍的紅色邊框,因此應標識但沒有這些正在被應用。

我生成的PDF像這樣:

$mpdf = new Mpdf; 
$mpdf->SetDisplayMode('fullpage'); 
$mpdf->WriteHTML($html, 0); 
$mpdf->Output(pdf.pdf','F'); 

任何人都知道問題是什麼?

+0

定義「不工作」。它是破碎的,還是根本不適用?我發現你在CSS中使用bootstrap,mPDF中的Bootstrap支持並不好。 – Finwe

+0

生成pdf,但沒有應用樣式表中的任何樣式 – geoffs3310

回答

1

mPDF不支持idbody元素。從你的CSS選擇器中刪除body#the_pdfbody#the_pdf,你的樣式將被應用。

從我的樣式表的其他Bootstrap樣式(特別是font-family)正在正確應用時,我添加例如。示例代碼中的標題和段落。

在mPDF在線手冊中查看supported HTML attributes的頁面。