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
Libérer: 2024-10-25 11:23:02
original
409 Les gens l'ont consulté

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; }
Copier après la connexion

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; }
}
Copier après la connexion

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 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