IText7 html2pdf页脚CSS不起作用答案

【问题标题】：IText7 html2pdf footer CSS does not workIText7 html2pdf页脚CSS不起作用
【发布时间】：2018-05-24 18:26:34
【问题描述】：

我无法在生成的 PDF 中看到以下 HTML 和 CSS 的页脚。此代码适用于 IText 版本 2。

IText 版本 7 中显示页眉和页脚的方式是否发生了变化？还是我缺少新版本所需的任何配置？

谢谢。

Java 代码

public void createPdf(String src, String dest, String resources) throws IOException {
try {
        FileOutputStream outputStream = new FileOutputStream(dest);

        WriterProperties writerProperties = new WriterProperties();
        //Add metadata
        writerProperties.addXmpMetadata();

        PdfWriter pdfWriter = new PdfWriter(outputStream, writerProperties);

        PdfDocument pdfDoc = new PdfDocument(pdfWriter);
        pdfDoc.getCatalog().setLang(new PdfString("en-US"));

        // pdf conversion
        ConverterProperties props = new ConverterProperties();

        MediaDeviceDescription mediaDeviceDescription =
            new MediaDeviceDescription(MediaType.PRINT);
        props.setMediaDeviceDescription(mediaDeviceDescription);

        HtmlConverter.convertToPdf(new FileInputStream(src), pdfDoc, props);
        pdfDoc.close();

    } catch (Exception e) {
        e.printStackTrace();
    }
}

HTML 内容

<html>
<head>
    <meta charset="UTF-8"/>

    <style type="text/css" media="print">

        #footer {
            display: block;
            position: running(footer);
            color:gray;
            font-size: 50%
        }

        @page {
            @bottom-center {
                content: element(footer);
            }
            margin-bottom : 1in;
            size: 6in 6in;
        }


    </style>
</head>
<body>
<div id="footer">
This is the text that goes at the bottom of every page.
</div>

....
..
.
</body>
</html>

【问题讨论】：

标签： html css itext itext7

【解决方案1】：

你做的一切都是对的。它对您不起作用，因为仅在最新版本 iText 7.1.2 中添加了运行元素（position: running(..) 和 content: element(..) 属性）支持。它于 4 月底发布。

【讨论】：

我正在使用 7.1.7 并且 @page 无法正常工作以使其工作文档说将 setMediaDeviceDescription 设置为 MediaType.PRINT 并将其包装 @meda{@page{}} 仍然不起作用