CODEWITHSUNDEEP
javascriptphpcssmpdf
Kirk Logan
Kirk Logan

Reputation: 783

mPDF - Inline blocks not displaying side by side

I have a bunch of small tables that are formatted as inline-block elements. In the browser they display side by side as intended, but when using mPDF to output them they break after each table. No matter how I try to format them, they always break after the table. Is there a trick with mPDF to get elements to stack side-by-side?

I am pulling the exact HTML from the page and sending it via AJAX

Below is an example of the browser and pdf view.

HTML View

PDF View

My mPDF generator page looks like this:

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

Upvotes: 6

Views: 18443

Answers (2)

JazMagno
JazMagno

Reputation: 130

I try a lot of thinks too, but finally i found a solution, just use:

float: left;

Thats work for me.

Upvotes: 12

Nagy Istvan
Nagy Istvan

Reputation: 202

I've spent a couple of hours figuring out how to make inline <div> or <p> elements with mPDF. I found some limitations, which contains the inline-block too. The display: inline or display: inline-block is ignored. You have to put everything in <span> elements if you want to see them one beside the other.

Upvotes: 8

Related Questions