css - 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;
}