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

Question

我正在Spring Boot应用程序中使用Flying Saucer 9.1.16 XML/CSS渲染器生成PDF。除了页边空白处的text-align外，所有CSS属性都运行良好。这是我的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>

我尝试过这两种方法，但都没有成功：CCD_ 2和CCD_ 3

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

Answer 1

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

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