Descripción del problema:
a pesar de investigar extensamente, los números de página no aparecen al imprimir un documento HTML.css Code no aparecen al imprimir un documento HTML. Usado:
@page { margen: 10%; @Top-Center { Font-Family: Sans-Serif; Font-Weight: Bold; tamaño de fuente: 2em; Contenido: contador (página); } }
@page { margin: 10%; @top-center { font-family: sans-serif; font-weight: bold; font-size: 2em; content: counter(page); } }
solución:
debido a las limitaciones de los navegadores web, implementar números de página usando @page no es viable. Oliver Kohll proporciona una solución alternativa, que utiliza formateo basado en la tabla en CSS sin confiar en @Page:
css:
#content { Pantalla: tabla; } #pagefooter { Pantalla: grupo de footer de tabla; } #PageFooter: después { Contraincremento: página; Contenido: contador (página); }
#content { display: table; } #pageFooter { display: table-footer-group; } #pageFooter:after { counter-increment: page; content: counter(page); }html:
#content { display: table; } #pageFooter { display: table-footer-group; } #pageFooter:after { counter-increment: page; content: counter(page); }customization:
La apariencia de los números de página puede ser personalizado mediante la modificación de las propiedades de #pagefooter, como el formateo de texto, la posición, y la posición de fondo, y los números de fondo.
Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.
Copyright© 2022 湘ICP备2022001581号-3