Maison > interface Web > tutoriel CSS > Comment puis-je empêcher les sauts de page dans les lignes du tableau lors de la conversion HTML en PDF ?

Comment puis-je empêcher les sauts de page dans les lignes du tableau lors de la conversion HTML en PDF ?

Linda Hamilton
Libérer: 2024-11-30 13:36:10
original
147 Les gens l'ont consulté

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

Prévention des sauts de page dans les lignes d'un tableau en HTML

Lors de la conversion de documents HTML en PDF à l'aide de wkhtmltopdf, les utilisateurs rencontrent souvent le problème des sauts de page dans les lignes du tableau. Bien que la propriété page-break-inside: évite puisse être appliquée à l'élément table, elle peut ne pas toujours être efficace pour les grands tableaux.

Pour résoudre ce problème, une approche alternative peut être utilisée en utilisant CSS :

  1. Ajouter une classe CSS au table :
<table>
Copier après la connexion
  1. Définir les règles CSS pour la classe :
table.print-friendly tr td, table.print-friendly tr th {
    page-break-inside: avoid;
}
Copier après la connexion

Contrairement à la balise tr lui-même, les balises td et th qu'elles contiennent prennent en charge la propriété page-break-inside. En appliquant cette règle à tous les enfants très et tds du tableau avec la classe imprimable, vous pouvez empêcher les sauts de page de se produire dans les lignes individuelles.

Cette méthode vous permet de conserver le formatage du tableau tout en garantissant ces sauts de page se produisent uniquement entre les lignes du tableau, ce qui donne un document PDF plus propre et plus lisible.

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