Maison > interface Web > tutoriel CSS > Comment empêcher les sauts de page à l'intérieur des lignes du tableau lors de la conversion HTML en PDF ?

Comment empêcher les sauts de page à l'intérieur des lignes du tableau lors de la conversion HTML en PDF ?

Linda Hamilton
Libérer: 2024-12-30 16:25:09
original
794 Les gens l'ont consulté

How to Prevent Page Breaks Inside Table Rows When Converting HTML to PDF?

Prévenir les sauts de page dans les lignes du tableau

En HTML, les sauts de page à l'intérieur des lignes du tableau peuvent devenir une nuisance lors de la conversion au format PDF à l'aide de wkhtmltopdf. Bien que la définition de page-break-inside : éviter avec le tableau résout souvent le problème, il peut cesser de fonctionner avec des lignes excessives.

Pour surmonter cette limitation, une approche CSS alternative est disponible :

<table class="print-friendly">
    <!-- The rest of your table here -->
</table>

<style>
    table.print-friendly tr td, table.print-friendly tr th {
        page-break-inside: avoid;
    }
</style>
Copier après la connexion

Application directe de la plupart des règles CSS à les balises peuvent modifier la mise en forme du tableau et introduire des bordures doubles. Cependant, et les balises dans les lignes du tableau autorisent généralement de telles spécifications CSS. En utilisant le code CSS ci-dessus, vous pouvez appliquer la règle page-break-inside: évitez à tous les et descendants dans le tableau désigné comme class="print-friendly".

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal