Ha surgido un caso de uso interesante 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.Números de página con CSS/HTML
¿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.
Dependiendo de la compatibilidad con su navegador requerida.
@page {
@bottom-right {
content: counter(page) " of " counter(pages);
}
}
Más información:
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 @ página en su archivo css. No pude hacer que funcionara en las versiones actuales de IE, Chrome o Firefox.
A partir del 03/12/2015, los cuadros de margen como @ bottom-center no parecen ser compatibles con los principales navegadores, como se muestra [aquí] (https://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29). Si busca "@ bottom-center", verá un montón de cuadros rojos "no compatibles". buscar en la web suena como deberían funcionar, pero en realidad todavía no son compatibles. Algunos elementos de los medios paginados funcionan muy bien, como el salto de página, pero no los cuadros de margen. –
Gracias amigo, le daré una oportunidad :) ¿Alguna idea sobre el soporte del navegador? – balupton
@balupton No estoy seguro, dale una mirada al modo Quirks :) – alex
¿Terminó trabajando en la mayoría de los navegadores? –