Comment puis-je ajouter des numéros de page à la sortie imprimée de mon site Web à l'aide de CSS ?

Réaliser la numérotation des pages avec CSS/HTML

Dans un scénario unique, vous avez besoin que la version imprimée d'un site Web affiche un en-tête, un pied de page , et le numéro de page dans le pied de page. Avec des fonctionnalités avancées, comment cela peut-il être accompli en utilisant CSS et HTML ?

Solution :

En fonction de la prise en charge souhaitée du navigateur, la propriété CSS "@page" peut être employé. L'exemple suivant fournit une implémentation pratique :

@page {
  @bottom-right {
    content: counter(page) " of " counter(pages);
  }
}

Ce code demande au navigateur d'ajouter le numéro de page et le nombre total de pages dans le coin inférieur droit de chaque page imprimée.

Autres améliorations :

• Pour des informations plus complètes, reportez-vous à ce qui suit ressources :

  • [Module de page CSS3](http://www.w3.org/TR/css3-page/)
  • [Ajout de numéros de page avec une page CSS Propriété](http://www.intelligrape.com/blog/2010/08/20/add-page-number-using-page-property-of-css/)
  • [Numéros de pages dans PrinceXML](http://www.princexml.com/doc/6.0/page-numbers/)

En tirant parti de la puissance du CSS, vous pouvez facilement mettre en œuvre la numérotation des pages dans votre contenu Web imprimé, garantissant une gestion transparente des documents et une présentation améliorée.

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!