Laravel Barryvdh\DomPDF 内联块两个不同高度的 div

【问题标题】：Laravel Barryvdh\DomPDF Inline block two different height divLaravel Barryvdh\DomPDF 内联块两个不同高度的 div
【发布时间】：2020-05-19 07:02:33
【问题描述】：

我有问题。我想制作一个 pdf，但我不能在不同高度的 div 上制作简单的 flex 和 items-center。

 <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>

【问题讨论】：

您是否使用任何前端框架，例如 bootstrap？

标签： html css laravel dompdf

【解决方案1】：

好的，你的问题与 Laravel 和 DomPdf 都没有关系（将调整你的标签 :-)）。

然而，这就是使 2 个元素居中的方法；中心正好在 2 个子 DIV 之间，因此您可能希望通过给它们一个特定大小而不是 auto 来调整它。

<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/

【讨论】：