mPDF - 不并排显示的内联块

时间:2015-05-31 14:38:47

标签: javascript php css mpdf

我有一堆格式化为内联块元素的小表。在浏览器中,它们按预期并排显示,但是当使用mPDF输出它们时,它们会在每个表之后断开。无论我如何尝试格式化它们,它们总是在桌子后面打破。 mPDF是否有一个技巧可以让元素并排堆叠?

我从页面中提取确切的HTML并通过AJAX发送

以下是浏览器和pdf视图的示例。

HTML View

PDF View

我的mPDF生成器页面如下所示:

<?php
include("mpdf60/mpdf.php");

$html = $_POST['html'];

$mpdf=new mPDF('utf-8', 'A4');
$mpdf->SetDisplayMode('fullpage');

// LOAD a stylesheet
$stylesheet = file_get_contents('../../_css/main.css');
$mpdf->WriteHTML($stylesheet,1);    // The parameter 1 tells that this is css/style only and no body/html/text

$mpdf->WriteHTML($html);
$mpdf->Output('myPDF.pdf','D');

exit;
?>

1 个答案:

答案 0 :(得分:4)

我花了几个小时搞清楚如何使用mPDF制作内联<div><p>元素。我找到了一些limitations,它也包含内联块。 display: inlinedisplay: inline-block会被忽略。如果您希望将它们放在另一个元素旁边,则必须将所有内容放在<span>元素中。