html - 不要破坏 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>