不要破坏 div 内的内容

【问题标题】：Do not break content inside div不要破坏 div 内的内容
【发布时间】：2015-06-17 16:26:34
【问题描述】：

如何告诉 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>

【问题讨论】：

标签： html css printing mpdf export-to-pdf

【解决方案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>

【讨论】：