J'ai créé avec succès une liste à l'aide de la réponse suivante avec Flexbox sur ma page HTML Comment afficher 3 éléments par ligne dans Flexbox?
J'ai le besoin de créer un PDF avec ces données et j'utilise wkhtmltopdf ( https://wkhtmltopdf.org/ < / a>) qui fonctionne également bien, mais le PDF généré a tous mes éléments de liste dans une colonne longue au lieu de 3 par rangée.
On dirait que le CSS n'est pas en cours de traitement lorsque la génération PDF se produit toute idée est appréciée.
4 Réponses :
Essayez de diminuer la largeur des colonnes Flex. Par exemple, lorsque j'ai essayé de faire des colonnes 50/50, je devais mettre une largeur de 49,8% au lieu de 50%. J'espère que ça vous aide.
Ceci a fonctionné pour moi: voir https: / /github.com/wkhtmltopdf/wkhtmltopdf/issues/1522 Pour plus d'informations.
Bon appel! webkit-box était le composant manquant que je ne pouvais pas comprendre.
J'ai utilisé Autoprefixer dans mon application pour ajouter automatiquement des préfixes. Il vous suffit de mettre à jour BrowserSlist avec IE> = 9 .
Pour utiliser Flex ou des boîtes lors de la conversion en PDF, vous avez besoin de webkit
Exemple: - pour justifier le contenu et aligner les éléments que vous devez utiliser