在 codeigniter 中使用 MPDF 设置格式视图导出 PDF

Set format view Export PDF using MPDF in codeigniter

我尝试导出我的服装贴纸,我已经在我的视图中设置了 HTML 使用 position:relative;设置position图文其他,
My view in browser is oke,

我的代码视图 plant_v 在 html

        body, html {
            margin: 0;
            padding: 0;
        }
        body {
            color: black;
            display: table;
            font-family: Georgia, serif;
            font-size: 24px;
            text-align: center;
        }
        .container {
            position:relative;
            width: 260mm;
            height: 150mm;
            display: table-cell;
            vertical-align: middle;
        }
        
        img {
          position:relative;
        }
        .gambar_qrcode {
            position: absolute;
            width: 4.8cm;
            height: 4.9cm;
            right: 187px;
            top: 130px;
        }
        .judul_nama{
          position:absolute;
          font-family: Lucida Console;
          color: black;
          font-size: 1.5cm;
          left: 50px;
          top: 150px;
            }
        .nama_latin{
          position:absolute;
          color: black;
          font-family: Lucida Calligraphy, Lucida Handwriting, WhisperWrite, Brush Script MT;
          font-style: italic;
          font-size: 1cm;
          left: 40px;
          top: 230px;
        }
    </style>

我的代码导出 MPDF 是

public function cetak($tanaman)
{

$id = decode_url($tanaman);
$data['tanaman'] = $this->tanaman->get_tanaman_by_id($id);
  // Define a page size/format by array - page will be 190mm wide x 236mm height
  $mpdf = new \Mpdf\Mpdf(['mode' => 'utf-8', 'format' => [260, 150]]);
  $html = $this->load->view('plant/export_v',$data,TRUE);
  $mpdf->WriteHTML(utf8_encode($html));
  // $mpdf->Output("".$id.".pdf" ,'D');
  $mpdf->Output("".$id.".pdf" ,'I');

}

但在使用 mPDF 导出为 PDF 后 this my view after export to PDF

固定定位在 MPDF 中受到限制,position: relative; 似乎不是 supported

作为替代方案,您可以使用 负边距:

<img src="img.jpg" style="float: left; margin: #Negative margin# " />

而不是使用absolute定位,你可以尝试使用float定位。