Description du problème:
Malgré les recherches approfondies, les numéros de page parviennent à apparaître lors de l'impression d'un document HTML. Utilisé:
@ page { marge: 10%; @ Top-Center { Font-Family: Sans-Serif; Police-poids: Bold; taille de police: 2em; Contenu: compteur (page); } }
La règle @Page a été tentée à l'intérieur et à l'extérieur de la solution @Media All Block en vain. Une solution alternative est fournie par Oliver Kohll, qui utilise le formatage basé sur la table dans CSS sans compter sur @Page:@page { margin: 10%; @top-center { font-family: sans-serif; font-weight: bold; font-size: 2em; content: counter(page); } }
css:
# contenu { Affichage: table; } #PageFooter { Affichage: groupe de table-foot; } #PageFooter: après { Counter-Increment: Page; Contenu: compteur (page); }
html:
#content { display: table; } #pageFooter { display: table-footer-group; } #pageFooter:after { counter-increment: page; content: counter(page); }
L'apparence des numéros de page peut être personnalisée en modifiant les propriétés de #PageFooter, telles que le format de texte, le positionnement, le positionnement.
Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.
Copyright© 2022 湘ICP备2022001581号-3