javascript - mPDF - 内联 block 不并排显示

标签 javascript php css mpdf

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

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

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

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;
?>

最佳答案

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

float: left;

这对我有用。

关于javascript - mPDF - 内联 block 不并排显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30558667/

相关文章:

javascript - 使用 ng-annotate 失败

php - 删除或自定义特定产品类别的 woocommerce 下拉排序菜单

php - 识别来自不同表的 JSON 对象

php - 使用php从select中选择一个值

css - 了解 :not selector css

html - 仅在特殊的 div 中使用 bootstrap

JavaScript for in 循环,但反过来?

javascript - 在动态表单 jquery 中隐藏所选选项

javascript - Nodejs 中的相对路径错误?

javascript - 如何将我的文本放在位置 :fixed and right inside of my div