duanji2002
2017-07-24 16:44
浏览 268
已采纳

mpdf无法从链接的样式表中呈现样式

I'm using mpdf to generate a pdf from an HTML page but the stylesheet isn't working. Here is my HTML:

<!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>

If you scroll to the bottom of the CSS you will see a few styles that should be applied, for example wrapper should have a red border around it and so should the logo but none of these are being applied.

I am generating the PDF like so:

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

Anyone know what the problem is?

图片转代码服务由CSDN问答提供 功能建议

我正在使用mpdf从HTML页面生成pdf但样式表不起作用。 这是我的HTML:

 &lt;!DOCTYPE html&gt; 
&lt; html lang =“en”&gt; 
&lt; head&gt; 
&lt; meta charset =“utf  -8“/&gt; 
&lt; link rel =”stylesheet“type =”text / css“href =”http://swiftdigital.ltd.uk/pdf.css“&gt; 
&lt; / head&gt; 
&lt;  ;  -   -  END HEAD  - &gt; 
 
&lt; body id =“the_pdf”&gt; 
 
&lt; div id =“wrapper”&gt; 
&lt; img src =“http:// via。  placeholder.com/350x150"alt =“Logo”id =“logo”&gt; 
&lt; / div&gt; 
 
&lt; / body&gt; 
 
&lt; / html&gt; 
    
 
 

如果滚动到CSS的底部,您将看到应该应用的一些样式,例如,包装器周围应该有一个红色边框,因此徽标应该也不应用。

我正在生成PDF,如下所示:

  $ mpdf = new Mpdf; 
 $ mpdf-&gt; SetDisplayMode('fullpage  '); 
 $ mpdf-&gt; WriteHTML($ html,0); 
 $ mpdf-&gt;输出(pdf.pdf','F'); 
   
 \  n 

任何人都知道问题是什么?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • du13520157325 2017-07-25 11:20
    已采纳

    mPDF does not support id on body element. Remove body#the_pdf and body#the_pdf from your css selectors and your styles will be applied.

    Other Bootstrap styles (specifically font-family) from your stylesheet are being applied correctly when I add eg. a heading and a paragraph to your example code.

    See a page on supported HTML attributes in the mPDF online manual.

    点赞 评论

相关推荐 更多相似问题