Travailler avec les flotteurs css dans html2pdf

Je suis à l'aide de flotteurs, en position 2 divs uns à côté des autres.

<a href="printbox.php">print</a>
<?php ob_start(); ?>
<style>
    #sidedish{
        float: left;

        border: 1px solid black;
        width: 100px;
        height: 100px;
    }
    #maindish{
        float: right;
        width: 200px;
        border: 1px solid black;
        height: 100px;
        text-align: center;
    }

    #container{
        width: 304px;
        height: 100px;
        border: 1px solid black;
    }
</style>

<div id="container">
<div id="sidedish"></div>
<div id="maindish"><div id="box">name</div></div>
</div>
<?php $_SESSION['boxes'] = ob_get_contents(); ?>

Voici ce que printbox faire, il vient de se rend de la mémoire tampon de données dans un fichier pdf, mais de toute façon les flotteurs qui ont été mis en ont été perdus dans le processus.

<?php require_once('html2pdf/html2pdf.class.php'); ?>
<?php
$html2pdf = new HTML2PDF('P', 'A4', 'en', true, 'UTF-8', array(0, 0, 0, 0));
$html2pdf->writeHTML($_SESSION['boxes']);

$html2pdf->Output('random.pdf');
?>

Il fonctionne très bien sur le code html:

Travailler avec les flotteurs css dans html2pdf

mais quand je clique sur imprimer, il se tourne vers ce:

Travailler avec les flotteurs css dans html2pdf

Aucune idée de quel est le problème?

source d'informationauteur Wern Ancheta

24

Parler d'expériences personnelles, je dirais que le style de la sortie de HTML2PDF est, au mieux, ésotérique de magie noire, de la science. Les principales raisons sont:
- La classe prend en charge uniquement une (petite) sous-ensemble de styles CSS & sélecteurs de
- CSS compatibilité est sans-papiers
- PDF est impossible de débogage dans le rapport à l'entrée HTML
Pour être juste, ce n'est pas seulement la question de HTML2PDF mais aussi pour le TCPDF HTML2PDF utilise.

Il pourrait être possible que HTML2PDFd'être juste un quasi-nulle de l'installation, rapide & facile interface de rechange pour le TCPDFdes coupes plus le support de CSS — mais je suis sûr que même TCPDF ne supporterais pas float correctement.

La meilleure solution que vous pouvez utiliser est d'envoyer votre divs flottantes pour les années nonante:
```
<table>
    <tr>
        <td><div class="float"> ... </div></td>
        <td><div class="float"> ... </div></td>
    </tr>
</table>
```
Vous pouvez également masquer cette gêne de la part du public HTML:
```
<?php
    $isPdf = (/* condition that tells us we're outputting PDF */) ? true : false;
    if ($isPdf) {
        echo "<table><tr><td>";
    }
?>
<div class="float"> ... </div>
<?php
    if ($isPdf) { 
        echo "</td><td>";
    }
?>
<div class="float"> ... </div>
<?php
    if ($isPdf) {
        echo "</td></tr></table>";
    }
?>
```
6

Vous pouvez voir l'info-documentation en ligne disponible en français ici:
http://demo.html2pdf.fr/examples/pdf/about.pdf

("Les float ne sont gérés que pour la balise IMG')

= Flotteurs ne sont effectués que pour les balises img par la classe.

Traitées propriétés css sont également répertoriés dans le doc.

Vous devez vous connecter pour publier un commentaire.