Laravel Barryvdh \ DomPDF Встроенный блок двух разных высот div - PullRequest
Новая
       8

Laravel Barryvdh \ DomPDF Встроенный блок двух разных высот div

0 голосов
/ 03 февраля 2020

У меня проблема. Я хотел бы сделать PDF, но я не могу сделать простой изгиб и пункты по центру на разных высотах. 

 <div style="margin-top: 20px; align-items: center">
        <div style="width: 70%; display: inline-block; text-align: right">Client: </div>
        <div style="width: 25%; display: inline-block; font-size: x-large" >Company shorted name</div>
 </div>

enter image description here

1 Ответ

0 голосов
/ 03 февраля 2020

Хорошо, ваша проблема на самом деле не связана ни с Laravel, ни с DomPdf (откорректирует ваши теги: -)).

Однако, таким образом вы центрируете 2 элемента; Центр находится точно между двумя дочерними DIV, так что вы можете отрегулировать его, задав им определенный размер, вместо авто. 

<div style="margin-top: 20px; display: flex; justify-content: center;flex-direction: unset;width: 100%;align-items: center;">
  <div style="flex: 1;display: inline-block;text-align: right;">Client: </div>
  <div style="flex: 1;display: inline-block;font-size: x-large;">Company shorted name</div>
</div>

Для справки вы должны взглянуть на эту статью https://love2dev.com/blog/absolute-centering-css/

...