web-dev-qa-db-ja.com

cssを使用して総ページ数でページ数を印刷する

動的データが入力されたテーブルがあり、それを処理するために、いくつかの改ページを適用しましたが、すべて正常に機能しますが、「ページ1/」などのページ付けを表示する必要があります。印刷中はすべてのページの下にあります。 cssで試しましたが、現在のページ番号しか印刷できません。それを達成する他の方法はありますか?これが私のコードです

   body {
        counter-reset: page;
    }
    .page-count:after {
        counter-increment: page;
        content: "Page " counter(page) " of " counter(pages);
    }
8
yaser

これを試しましたか:

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