如何在使用 Flying Saucer XML/CSS 渲染器生成的 PDF 的标题边距处对齐文本

Question

我正在 Spring 启动应用程序中使用 Flying Saucer 9.1.16 XML/CSS 渲染器生成 PDF。所有 CSS 属性都工作正常，除了页边距处的 text-align。这是我的 CSS:

的摘录

@page {
    size: landscape;
    margin-top: 100px;
    border-bottom: solid gray;

    @top-right{
        content: element(header-top);
        padding-top: 15px;
        text-align-last: end !important;
    }; 

    @bottom-right{
        content: element(pagination);
        vertical-align: top;
        text-align: right !important;
    };
}

那就是 HTML:

<div class="header-center text-primary">
     <h3 th:text="${ownerProperty}"></h3>
     <h4 th:text="${owner.ownerName}"></h4>
</div>

<div class="pagination text-muted">
     <small>
         <span  th:text="#{page} + '&nbsp;'"></span>
         <span id="pagenumber"></span>
         <span  th:text="#{of} + '&nbsp;'"></span>
         <span id="pagecount"></span>
     </small>
 </div>

我已经尝试了这两种方法，但没有成功： text-align-last: end !important; 和 text-align: right !important;

我使用 Thymeleaf 作为模板引擎，除了我的 CSS，PDF 还链接了另一个 bootstrap.min.css。

Answer 1

在将 HTML 和 css 转换为 pdf 时，人们经常会遇到问题。以下是您应该如何使用对齐属性来解决问题。

<div align="right">
    Any text
</div>
<div align="center">
    Any text
</div>

如何在使用 Flying Saucer XML/CSS 渲染器生成的 PDF 的标题边距处对齐文本

How to align text at the heading margin of a PDF, generated with Flying Saucer XML/CSS renderer

css

flying-saucer