2017-07-24 162 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的页面。