html - 从 CSS 和 HTML 生成 PDF，@page @top-center 和内容之间的距离更远

Question

我使用 ITextRenderer 从 CSS 和 HTML 生成 PDF。但我不知道如何在9. 一些文本和@top-center 的边框底部之间获得更多距离。

这是我的造型：

@page {
  counter-increment: page; 
  margin-top: 80px;
  @top-center { 
    font-size: 9pt;
    content: "Page Header";
    border-bottom: 2px solid black;
    white-space: pre; 
    margin-bottom: 40px;
  }
}

这就是它现在 的样子：http://oi58.tinypic.com/fmto5d.jpg

这是我正在寻找的结果。

http://oi57.tinypic.com/sl09oi.jpg

Answer 1

您需要在 @page 定义中增加 margin-top。边距框受@page 定义赋予它们的空间量的限制。

编辑：如果您设置@top-center 框的高度会发生什么？

根据规范，您的代码应该可以工作。我在我的样式表中使用了类似的东西，当我用 Antennahouse 渲染它时它可以工作：

@page portrait {
    size: Letter;
    margin-top: 28mm;
    margin-bottom: 28mm;
    margin-left: 25.4mm;
    margin-right: 25.4mm;
       @top-left {
        font-size: 9pt;
        font-family: Arial, sans-serif;
        border-bottom: 0.5pt solid black;
        margin-bottom: 10mm;
        vertical-align: bottom;
        padding-bottom: 1mm;
        content: "Header"; 
    } 
}