Maison >interface Web >tutoriel CSS >Comment imprimer les en-têtes et pieds de page de pages Web sur chaque page ?

Comment imprimer les en-têtes et pieds de page de pages Web sur chaque page ?

Barbara Streisand
Barbara Streisandoriginal
2024-10-25 11:23:02316parcourir

How to Print Web Page Headers and Footers on Every Page?

Impression des en-têtes et des pieds de page de pages Web sur chaque page

Il est possible de garantir que des en-têtes et des pieds de page personnalisés apparaissent sur chaque page imprimée à partir d'un application Web. Bien que les recherches initiales puissent suggérer le contraire, explorez la solution suivante :

Utilisation de tableaux :

Créez un tableau avec des sections head (pour l'en-tête) et tfoot (pour le pied de page). L'imbrication de ces sections dans le tableau permet le rendu dynamique des en-têtes et des pieds de page sur chaque page imprimée.

Style CSS :

Appliquez les styles CSS suivants pour contrôler l'affichage de l'en-tête et du pied de page :

thead { display: table-header-group; }
tfoot { display: table-footer-group; }

Compatibilité des navigateurs :

Cette approche est idéale pour IE6, qui a une prise en charge CSS limitée. Notez que Firefox devrait également le prendre en charge.

Pour une visibilité en impression uniquement :

Utilisez les paramètres @media pour spécifier que l'en-tête et le pied de page ne doivent être visibles que sur les supports imprimés :

@media print {
  thead { display: table-header-group; }
  tfoot { display: table-footer-group; }
}

@media screen {
  thead { display: none; }
  tfoot { display: none; }
}

Solution alternative :

Si l'approche tabulaire ne répond pas à vos besoins, pensez à générer des rapports au format PDF à l'aide d'outils comme TCPDF. Cette méthode offre un meilleur contrôle sur le formatage des pages et garantit un rendu cohérent des en-têtes et des pieds de page.

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!

Déclaration:
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