Question

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

<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>

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

Answer 1

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

原来我需要将页脚 BEFORE 放在内容中，以便在每个页面上显示...

<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的示例）：

iText飞碟页脚仅在最后一页显示

1 个答案: