Comment CSS peut-il contrôler les sauts de page dans les grands tableaux ?

Sauts de page CSS pour les tableaux étendus

Lorsqu'on vous présente des tableaux contenant de nombreuses lignes, il peut être crucial de garantir que l'impression s'effectue sur plusieurs pages. CSS fournit deux propriétés essentielles, page-break-before et page-break-after, pour contrôler les sauts de page. Cependant, il est essentiel de comprendre où implémenter ces propriétés.

Placer des sauts de page CSS

Pour demander au navigateur de couper les pages selon les besoins dans le tableau, ajoutez le CSS suivant style à votre document :

<style type="text/css">
   table { page-break-inside:auto }
   tr    { page-break-inside:avoid; page-break-after:auto }
</style>

• table { page-break-inside:auto } : Spécifie que les sauts de page sont autorisés dans le table, s'adaptant à sa taille potentiellement grande.
• tr { page-break-inside:avoid; page-break-after:auto } : empêche les sauts de page dans les lignes individuelles du tableau (page-break-inside:avoid) et permet d'effectuer des sauts après chaque ligne (page-break-after:auto), garantissant que les lignes sont imprimées ensemble.

En incorporant ces règles CSS, vous permettez au navigateur de déterminer intelligemment les sauts de page en fonction de la taille du tableau et des contraintes de page désignées, ce qui permet une impression transparente et paginée. expérience.

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!