link - Números de página con CSS/HTML

title html

Question

Un caso de uso interesante surgió para nosotros, estamos requiriendo que cuando imprimimos un sitio web, la copia impresa tenga un encabezado y pie de página, y dentro del pie de página el número de página.

Alguien tiene alguna idea de cómo lograr esto?

Nota: la versión del navegador puede ser lo último de todo, los clientes son otros desarrolladores web.

Answer 1

Dependiendo de su soporte de navegador requerido.

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

Otras lecturas:

• http://www.w3.org/TR/css3-page/
• http://www.intelligrape.com/blog/2010/08/20/add-page-number-using-page-property-of-css/
• http://www.princexml.com/doc/6.0/page-numbers/

Answer 2

Hay una página de prueba en http://www.princexml.com/howcome/2007/xtech/papers/output/0082-32/index.xhtml que incluye el código de contenido @page en su archivo css. No pude hacer que funcionara en las versiones actuales de IE, Chrome o Firefox.

Answer 3

no han sido compatibles en ningún sitio ~ U puede hacer esto: 1. use Firefox para ingresar la descripción de la imagen aquí configure su estilo de número de página, luego, si imprime páginas mutliplite, el número de página está allí ~ autoincrement ~ IE también puede hacer esto pero usted lo sabe. .. solo use window.print ();

2. usamos esto en China: Lodop, pero parece que no hay descripción en inglés sobre él ~ http://www.c-lodop.com/LodopDemo.html

Espero que esto pueda ayudar a alguien ~ si tiene mejores soluciones, por favor comparta con nosotros, gracias a usted, deseamos que los cuadros de margen de página y la página del contador puedan ser compatibles