Я хочу сделать отчет в формате pdf с помощью mpdf. Я хочу добавить логотип пользователя на страницу 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, 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, даже если изображение портретное или альбомное?
Спасибо
Привет @Finwe, у меня есть несколько советов по этому поводу, спасибо
Отвечает ли это на ваш вопрос? Как я могу центрировать изображение в mpdf?