mPDF - 不并排显示的内联块

Kir*_*gan 5 javascript css php mpdf

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

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

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

HTML视图

PDF查看

我的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;
?>
Run Code Online (Sandbox Code Playgroud)

小智 7

我也尝试了很多想法,但最后我找到了一个解决方案,只需使用:

float: left;
Run Code Online (Sandbox Code Playgroud)

那对我有用。


Nag*_*van 5

我花了几个小时弄清楚如何使用mPDF 进行内联<div><p>元素化。我发现了一些限制,其中也包含inline-block。在display: inlinedisplay: inline-block将被忽略。<span>如果要看到它们彼此相邻,则必须将所有内容放入元素中。

  • @Sobir,由于 mPDF [不支持](https://github.com/mpdf/mpdf/issues/399) 对于“inline-flex”,这不可能对你有用。 (2认同)