"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > Por qué HTML no puede imprimir números y soluciones de página

Por qué HTML no puede imprimir números y soluciones de página

Publicado el 2025-06-15
Navegar:163

Why Can't I Print Page Numbers in HTML and What's the Workaround?

no puedo imprimir números de página en las páginas html?

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.

Último tutorial Más>

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