Question

我有一个搜索引擎，可以生成各种小部件（每个小部件都有自己的div），每次都有不同数量的小部件。

当我们打印结果页面时，小部件可以通过分页符在中间剪切，我希望每个小部件都在页面内，而不是被分页符切断。

我们尝试过：

@media print {
    .widget {page-break-after: always;}
}

它切断了所有的小部件，每个小部件用于不同的页面，这不是我们想要的。我们希望只有在必要时才会发生分页。显然，我们不想为特定小部件创建分页符，因为我们不知道哪一个是必须被剪切的小部件。

我们也尝试过：

@media print {
    .widget {page-break-after: avoid;}
}

它也没用。有什么建议吗？

Answer 1

根据你想要使用的声音：

pom.xml

这会将跨越页面的任何小部件推送到下一个小部件。