Numéros de Page avec CSS / HTML

un cas d'utilisation intéressante a surgi pour nous, nous exigeons que lorsque nous imprimons un site web la copie imprimée aura un en-tête de page et pied de page, et à l'intérieur du pied de page le numéro de page.

quelqu'un a une idée de comment réaliser cela?

Note: la version de navigateur peut être la dernière de n'importe quoi, les clients sont d'autres développeurs web.

34
demandé sur alex 2011-05-24 15:46:40

3 réponses

dépend de la prise en charge de votre navigateur.

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

pour en savoir plus:

42
répondu alex 2011-05-24 11:55:36

il y a une page test à http://www.princexml.com/howcome/2007/xtech/papers/output/0082-32/index.xhtml qui inclut le code de contenu @page dans son fichier css. Je n'ai pas pu le faire fonctionner dans les versions actuelles de IE, Chrome, ou Firefox.

4
répondu Page Notes 2015-03-04 13:21:00

n'ont pas supporté n'importe où~ U peut le faire: 1.utiliser Firefox entrez la description de l'image ici configurer votre numéro de page style, ensuite, si vous imprimez des pages mutliplite, le numéro de la page est là~ autoincrement~ IE peut aussi le faire, mais tu sais... utilisez simplement la fenêtre.print ();

2.nous utilisons ce en Chine : Lodop mais il ne semble pas de description anglaise à ce sujet~ http://www.c-lodop.com/LodopDemo.html

j'espère que cela peut aider quelqu'un~ si vous avez de meilleures solutions ,plz partager pour nous, merci u~ les boîtes de marge de page et la page de comptoir peuvent être supportées

-2
répondu Wenstelo Warm 2018-05-15 07:01:45