如何在div mpdf中使图像位置居中

问题描述

我想用mpdf制作pdf报告。我想在 pdf 页面中添加用户的标志。

我想问一下，即使图片大小不同，如何在中心div中制作图片？

这是我用作示例的两个不同的图像

https://picsum.photos/200/300 //picture 1

https://picsum.photos/200 // picture 2

现在，图像位置不是中心 div。如果图片是横向的，则图片不在 div 的中心。

这是两种不同的图像尺寸

$mpdf = new \Mpdf\Mpdf(['format' => [145,210]]);
$logo = $this->input->get('logo');
$html = $this->load->view('pages/pdfreport',array("logo" => $logo),true);
$mpdf->WriteHTML($html);
    
$mpdf->Image($qrimage,37,80,70,'jpg','',true);
$mpdf->Output('report.pdf','I');

这是pdf视图

<html>
<head>
    <style>
        .frame{
            background-color:black;
            margin-top:-20px;
            height:125px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            display: flex;
        }
        .logo {
            max-width: 125px;
            max-height: 125px;
            border-style: none;
            margin: auto;
            display: table-cell;
        }
    </style>
</head>
<body>
    
        <div class="frame">
            <img class="logo" id="logo" src="<?= $logo; ?>">
        </div>

</body>
</html>

即使图像是纵向或横向，您知道要在 div 中使图像居中吗？

谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html mpdf