小编San*_*dyK的帖子

我的 html 具有这种结构：

<div>
    <div class="pagebr">content1</div>
    <div class="pagebr">content2</div>
    <div class="pagebr">content3</div>
    <div class="pagebr">content4</div>
    <div class="pagebr">content5</div>
    <div class="pagebr">content6</div>
    <div class="pagebr">content7</div>
</div>

所有内部Div元素都是动态变化的。有时会有一两个div，也可能是全部。它不是固定的。但总共是 7。当我写课时 -

div.pagebr
{
    page-break-after:always;   
}

每个 div 都会移动到下一个新页面，在div元素后创建空白空间。 page-break-before:always;做同样的事情并且page-break-after:auto; 不再工作了。

我应该如何为 Div 元素添加类，以便它们可以适合每个页面而不破坏？或者有其他解决方案吗？

任何帮助表示赞赏。谢谢。