Support » Thema en CSS/opmaak » Display: flex; wel zichtbaar via HTML maar niet op PDF

  • Opgelost Mikos91

    (@mikos91)


    Geachte lezer,

    Momenteel ben ik bezig met het opmaken/indelen van een factuur PDF. Ik laat nu de proeffactuur uitvoeren in HTML formaat zodat ik deze kan aanpassen.

    Zoals het oorspronkelijk was

    Met aanpassing ‘display: flex;’ in het HTML bestand <– Zoals ik het wil

    Met aanpassing ‘display: flex;’ in het PDF bestand

    Zoals je in de tweede link kan zien, staan ze in het HTML formaat zoals ik ze wil hebben. Maar zodra ik het PDF formaat wil bekijken (derde link) is het plotseling helemaal weg.

    PHP code (zie <td class=”description”>.. </td>)

    ..........
    <td class="sku"></td>
    <td class="description">
    	<span class="item-name">Schroef</span>
    	<span class="item-meta"><dl class="variation">
    		<dt class="variation-pa_afmeting">Afmeting:</dt>
    		<dd class="variation-pa_afmeting"><p>4.0 x 30mm</p></dd>
    
    		<dt class="variation-pa_soort">Soort:</dt>
    		<dd class="variation-pa_soort"><p>RVS</p></dd>
    
    		<dt class="variation-pa_aantal-per-doosje">Aantal per doosje:</dt>
    		<dd class="variation-pa_aantal-per-doosje"><p>250</p></dd>
             </dl></span>
    </td>
    ...........

    CSS code die ik gebruikt heb.

    .variation {
    display: flex;
    }

    Ik zoek nu al een flinke tijd om dit mogelijk te krijgen, misschien dat iemand me kan helpen. Alvast bedankt voor de moeite!

1 reactie aan het bekijken (van in totaal 1)
  • Thread starter Mikos91

    (@mikos91)

    Probleem opgelost.

    display: flex wordt niet door PDF library ondersteunt.

    dd:after {
    	content: " ";
    	white-space: pre;
    }

    Heeft het kunstje geflikt 🙂

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Display: flex; wel zichtbaar via HTML maar niet op PDF’ is gesloten voor nieuwe reacties.