printing - フッターを印刷されたHTMLページの下部に揃えますか？

Question

私は標準のWebサイトを持っており、印刷するとき（Safari OS XでPDFを作成する目的で）、フッターを印刷されたページの下部、つまりドキュメントの最後のページに揃えたいと思います。

このような：

Print-footer-align-to-bottom

それは可能ですか？

他のすべての印刷スタイルシートの詳細にメディアクエリ（@media print { }）を使用しました（簡単にするために除外されています）。

デモコードはこちら; ページ自体についてscreenは、HTMLは次のとおりです。

<div id="footer">
    <p>A bunch of example stuff inside here...</p>
</div>

これは絶対的な位置にあります：

#footer {
    color: #fff;
    background: #000;
    width: 100%;
    position: absolute;
    bottom: 0px;
}

score 3 · Accepted Answer

少し古いものですが、答えは確かに@page:lastセレクターを使用することですが、フッターの CSS も変更する必要があります。

#footer { position: static; }

@page:last {
    @bottom-center { content:element(footer) }
}

1 に答える 1