Maison >interface Web >tutoriel CSS >Comment imprimer les en-têtes et pieds de page de pages Web sur chaque 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!