分页符不分页

我想要分页符，但它不起作用。我试图发布整个代码，但它超出了字符数。我想知道什么可能导致分页符不起作用。

@media print {
    div.pagebreak {
        display: block !important; 
        page-break-after: always; 
    }
    .dontprint{ 
        display : none
    }
    body{
        display: block;
    }

}

<tr ><td><div class="pagebreak"></div></td></tr>

因为我发现分页系列仅适用于display: block;项目，所以我找到了一个几乎适用于任何情况的解决方案。

很简单。只需添加一个div跟着课程去任何你想休息的地方。

.page-break {
  page-break-after: always;
  height: 0;
  display: block;  // optional. must be sure it is block item in document flow
  clear: both;   // optional. use only if you are using float
}

请注意，该元素不能是 flex 元素的子元素。

因此，如果你想制作一个包含许多块的布局，每个块占据页面宽度的 50%，并且每 2 个块之后分页，你可以这样做：

<div style="float: left; width: 50%; height: 300px">left</div>
<div style="float: left; width: 50%; height: 400px">right</div>
<div class="page-break">&nbsp;</div>
<div style="float: left; width: 50%; height: 300px">left</div>
<div style="float: left; width: 50%; height: 400px">right</div>