如何在动态内容旋转中设置分页符?
我有一个列表列表,可以通过模型绑定动态加载数据
@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个答案。我已经使用了其中提到的样式。它解决了第一页的问题,但是从第二页开始仍然存在问题。
是否有解决方法?任何帮助,将不胜感激。 谢谢
答案 0 :(得分:-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足够大,只能破坏一页,则不会发生任何事情。