2015-05-31 5 views
2

У меня есть куча небольших таблиц, которые отформатированы как элементы встроенного блока. В браузере они отображаются бок о бок, как предполагалось, но при использовании 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; 
?> 
+0

Можем ли мы увидеть main.css? Похоже, что ширина обеих таблиц слишком велика, чтобы выровнять их рядом друг с другом. Имейте в виду, что ширина страницы mPDF составляет около 800 пикселей. – Joey

+0

Это была моя первая мысль, поэтому я попытался поставить таблицы на 100 пикселей, и это не повлияло на их поведение. –

+0

Странно! Но мы не можем многое увидеть без CSS-файла. Кроме того, какую версию mPDF вы используете? – Joey

ответ

2

Я провел пару часов выяснить, как сделать INLINE <div> или <p> элементы с MPDF. Я нашел limitations, который также содержит встроенный блок. display: inline или display: inline-block игнорируется. Вы должны поместить все в элементы <span>, если хотите увидеть их рядом с другим.