DOMPDF div中的奇怪分页符

Question

如果我的<div> 不合适，我会遇到问题，而不是出现奇怪的分页符。 我认为这与填充有关。有人可以帮帮我吗？

HTML：

<div class="info">
      <h2 class="font--xxl margin--m">Creatable checkboxes tooltip</h2>
      <p class="font--m margin--m">Lorem creatable checkbox lorem</p>
</div>

CSS：

.info {
  width: 570px;

  padding: 32px 48px 40px;
  border-radius: 8px;
  margin-top: 24px;

  color: #000;
  background: #d9ebf7;

  page-break-inside: avoid;
}

导出示例：

Answer 1

我找到了一个适合我的解决方案：

.info {
  page-break-inside: avoid !important;
}

.info > *:first-child {
  page-break-before: avoid !important;
}

.info > *:last-child {
    page-break-after: avoid !important;
}