【问题标题】: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/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-09-08
    • 1970-01-01
    • 1970-01-01
    • 2019-11-12
    • 2018-03-25
    • 2014-12-24
    • 2014-06-16
    • 1970-01-01
    相关资源
    最近更新 更多