使用Rotativa导出pdf时如何避免动态列表中的分页符？

Question

如何在动态内容旋转中设置分页符？

我有一个列表列表，可以通过模型绑定动态加载数据

@foreach (var item in Model.Items)
{
    <div class="separator-bottom col-xs-12 avoid-page-break">
        <div>
            (generates the list)
        </div>
    </div>
}

我的avoid-page-break班是这样的

 .avoid-page-break {
        page-break-inside: avoid !important;
        margin: 4px 0 4px 0
  }

我关注了this个答案。我已经使用了其中提到的样式。它解决了第一页的问题，但是从第二页开始仍然存在问题。

是否有解决方法？任何帮助，将不胜感激。 谢谢

Answer 1

这是Rotativa如何呈现页面的问题。 这样做：

<div style="page-break-inside: avoid !important">
   <div style="break-inside: avoid-page !important;">
     sub-content 01
   </div>
   <div style="break-inside: avoid-page !important;">
     sub-content 02
   </div>

将发生的事情是，如果必要，在子内容01和02之间会有一个分页符。

注意：如果子内容01足够大，只能破坏一页，则不会发生任何事情。