Как выровнять текст по полям заголовка PDF, созданного с помощью Flying Saucer XML / CSS рендерера - PullRequest
Новая
       20

Как выровнять текст по полям заголовка PDF, созданного с помощью Flying Saucer XML / CSS рендерера

0 голосов
/ 03 декабря 2018

Я создаю PDF-файл с помощью средства визуализации XML / CSS для Flying Saucer 9.1.16 в приложении Spring Boot.Все свойства 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.

1 Ответ

0 голосов
/ 03 декабря 2018

При конвертации HTML с CSS в PDF люди часто сталкиваются с проблемами.Вот как вы должны использовать атрибут align для решения проблемы. 

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