0

我正在使用 pdf-reactor，无法使页眉和页脚出现在每一页中。我可以，如果我只有这两个元素，页眉和页脚，它们会显示，但只要我输入一个字母，页脚就会消失。

<div class="header">
    <table class="header header-footer">
        <tr>
            <td class="invoicetext">header</td>
        </tr>
    </table>
</div>
<div class="footer">
    <table class="footer header-footer">
        <tr>
            <td class="pagecounter">footer1</td>
        </tr>
    </table>
</div>

这是CSS：

    @page {
        margin: 2cm 2.5cm 3cm 2.5cm;

        @top-left {
            content: element(headerIdentifier);
            vertical-align: bottom;
        }
        @bottom-left {
            content: element(footerIdentifier);
            vertical-align: top;
            width: 100%;
        }
        @bottom-right {
            content: element(companyIdentifier);
            vertical-align: top;
            margin-top: 4mm;
            width: 100%;
        }
    }


div.spacing {
    margin-top: 1.2em;
}

div.footer, div.header {
    font: 9pt arial, sans-serif;
    width: 100%;
}

div.footer {
    position: running(footerIdentifier);
}

div.header {
    position: running(headerIdentifier);
}

无论我在哪里添加另一个 div，在顶部、底部、页眉和页脚之间，页脚都会消失。如何防止这种情况发生。

4

1 回答 1

0

我们可以在此处重现此行为（我们的内部跟踪系统中的问题 #7827）。它似乎只在运行元素包含表格并且它们后面只有内联元素或文本时才会发生。

作为一种解决方法，您可以将运行元素之后的内容包装在块元素中，如下所示：

<div class="header">
    ...
</div>
<div class="footer">
    ...
</div>
<p>Some Text</p>
于 2019-09-13T13:00:04.327 回答