mPDF 中的两列布局，列之间有一行

Question

我想要 mPDF 中的两列布局，其中内容应在第一列结束时放置在两列内，然后转到第二列。两列均已填充。他们转到下一页并做同样的事情。列之间应有一条线。内容不能越界。我尝试了所有可能的方法，但都失败了。

附上一张图片作为我想要的样本；请帮助我。

两栏布局，当第一栏结束时内容动态流动，然后到下一栏，然后到具有相同两栏的下一页。我尝试了所有可能的方法，但没有成功。

Answer 1

您可以在传递给 mPDF 的 HTML 内容中使用 CSS 列。

require_once __DIR__ . '/vendor/autoload.php';

$mpdf = new \Mpdf\Mpdf();

$html = '
<div style="column-count: 2; column-gap: 50px; column-rule: 1px solid black;">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc at bibendum dapibus, massa velit lacinia urna, a commodo elit tortor quis arcu. Donec in vehicula lorem.</p>
    <p>Donec in vehicula lorem. Sed euismod, nunc at bibendum dapibus, massa velit lacinia urna, a commodo elit tortor quis arcu.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc at bibendum dapibus, massa velit lacinia urna, a commodo elit tortor quis arcu. Donec in vehicula lorem.</p>
    <p>Donec in vehicula lorem. Sed euismod, nunc at bibendum dapibus, massa velit lacinia urna, a commodo elit tortor quis arcu.</p>
    <!-- Add more content as needed -->
</div>';

$mpdf->WriteHTML($html);
$mpdf->Output();

column-count

属性设置列数，

column-gap

属性设置列之间的间隙，

column-rule

属性设置列之间的线。将

<p>

标签内的内容替换为您的实际内容。当两列都填满时，内容将自动从第一列流动到第二列，然后再流动到下一页。请注意，并非所有版本的 mPDF 都完全支持 CSS 列，因此请确保您使用的是支持 CSS 列的最新版本的 mPDF。