6

我有用于构建我的 iText 飞碟页面的 html 和 css 设置如下...

<html>
    <head>
        <style type="text/css">
            body { padding: 5px; }

            .footer {
                position: running(footer);
                font-size: 11px;
                text-align: center;
            }

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

            .pagenumber:before {
                content: counter(page)
            }

            .pagecount:before {
                content: counter(pages)
            }
        </style>
    </head>
    <body>
        <div class="content">
            lots of content that spans multiple pages in here...
        </div>
        <div class="footer">
            Page <span class="pagenumber"></span> of <span class="pagecount"></span>
        </div>
    </body>
</html>

为什么页脚只显示在最后一页？

4

1 回答 1

19

当“内容”足够小以适合一页时，页脚将在该页面上正常显示。一旦“内容”跨越多个页面，页脚将仅显示在最后一页上。

事实证明，我需要在内容之前放置页脚，以便它显示在每一页上......

<div class="footer">
    Page <span class="pagenumber"></span> of <span class="pagecount"></span>
</div>
<div class="content">
    lots of content that spans multiple pages in here...
</div>

如果涉及标题，看起来它是相同的交易......它们应该在页面内容之前。

与此相关的一些链接（最后一个是正确格式的 html/css 示例）：

于 2013-11-06T20:43:59.497 回答