4

私はこの答えを見てきました...

@page {
  @bottom-left {
    content: counter(page) "/" counter(pages);
  }
}

何度も何度も、動作するはずなのに、ページに何も出力しません。ページ番号を下部に表示する「独創的な」方法を試しましたが、確実に機能させることはできません。カウントはいいのですが、場所がいつもずれるので廃棄しました。

この CSS が機能しない理由はありますか? 前述のとおり、Google Chrome で印刷しています。

4

1 に答える 1

-2

ここから試すことができる答えがあります... CSSページ番号のブラウザサポート

@page {
    counter-increment: page;
    counter-reset: page 1;
    @bottom-left {
        content: "Page " counter(page) " of " counter(pages);
    }
}

その回答に記載されているように、使用する前にカウンターをリセットする必要があります（https://developer.mozilla.org/en-US/docs/CSS/Countersによると）

于 2013-10-10T20:29:58.917 に答える