为什么在使用 PHP 导出 HTML 时 HTML 代码在 PDF 中不对齐

Question

我正在使用 PHP mpdf 库进行 PDF 导出。但是，当我将 HTML 导出为 PDF 时，所有内容的 HTML 代码对齐和位置都会发生变化。请说明如何将完整的 HTML 页面原样导出到 PDF 页面。

<?php $html='<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <style type="text/css">
        body, html { height: 100%; margin: 0px; width: 100% !important;}
    </style>
</head>
<body>
 <center>
    <div class="container" style="position: relative; width: 80%; left: 20%; display: block; text-align: center;">
        <div style="position: absolute; left: 40%; width: 60%; text-align: center;">
            <img src="p1/logo.png">
            <h1 style="text-align: center;">TALENTX™</h1>
            <h1>Profile</h1>
            <h1>Aljoharah   AlBabtain</h1>
            <p>RESULTS REFERENCE REPORT JUNE 2020</p>           
        </div>
    </div>
</center>
</body>
</html>';

require_once APPPATH . 'libraries/mpdf/autoload.php';
 $mpdf = new \mPDF('utf-16','A4','');
 $html = $this->load->view('reps/p1',null,true);

 $mpdf->WriteHTML($html);
 $mpdf->Output("files/test.pdf",'F');

Answer 1

在 PDF 导出或打印输出中对齐 HTML 内容的最佳方法是

方法。将您的所有内容放入 table 列。
我使用这种方法并解决了所有问题。

为什么在使用 PHP 导出 HTML 时 HTML 代码在 PDF 中不对齐

Why HTML code is not aligning in PDF while exporting HTML using PHP

html

php

pdf

mpdf