不要破坏里面的内容 div

Do not break content inside div

如何让 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>

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>