フッターをランニング要素として設定しました。フッターの HTML コンテンツはドキュメントの最後に設定されるため、フッターはドキュメントの最後のページにのみ表示されます (これが必要です)。
<!-- DTD declaration -->
<html>
<!-- head -->
<body>
<!-- My content -->
<footer>
<!-- footer content -->
</footer>
</body>
</html>
問題は、フッターが指定された位置ではなく、コンテンツのすぐ下に表示されることです。
footer {
width: auto;
margin: 0 auto;
position: running(footerIdentifier);
}
@page {
@bottom-center {
content: element(footerIdentifier);
}
}
私は古典的なアプローチを試しましたが、あまりにも多くの異なるコンテンツに応じてプッシュ ブロックを動的に計算して、毎回フッターの完璧な位置を取得する必要があります。
このコードはフッターをページの下部中央に表示するべきではありませんか?
ランニング エレメント専用のマニュアル ( HTML )( PDF )をしばらく閲覧してきましたが、自分の間違いを見つけることができないようです。