分页符在CSS中不起作用

Question

我在我的css中使用了这个标签：

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

但是为什么选择会在不同的页面中分开？

Answer 1

根据Mozilla developer documentation，page-break-inside: avoid尝试避免在可能的情况下 。正如我从你所做的截图中所理解的那样，页面可能已被完全填充和/或元素绝对定位，在这种情况下avoid可能/不起作用。

如果您的情况允许，您可以尝试break-before（reference）在特定元素开始之前让分页符休息。

希望它有所帮助！