不要破坏里面的内容 div

Question

如何让 mpdf 将 div 内容移动到下一页而不是在中间中断？我找到了一些特定于 mpdf 的标签，但对我没有帮助。有什么想法吗？

<div> <!-- content inside div should not be broken -->
    <h1>Heading</h1>
    <ul>
        <li n:foreach="$teacherSummary as $teacher => $children">
            {$teacher}: {array_unique($children)|implode:', '}
        </li>
    </ul>
    <p><strong>{$event->note}</strong></p>
</div>

Answer 1

CSS 属性 page-break-inside 也适用于 mpdf。

用法:

<div style="page-break-inside:avoid !important;">
    <h1>Heading</h1>
    <ul>
        <li n:foreach="$teacherSummary as $teacher => $children">
            {$teacher}: {array_unique($children)|implode:', '}
        </li>
    </ul>
    <p><strong>{$event->note}</strong></p>
</div>