CSS中的分页属性应该如何工作？

Question

现代浏览器应该在某种程度上支持CSS分页符属性。但是，当我使用 avoid ， widows 或 orphans 时，我无法让任何浏览器以不同的方式进行打印。我做错了，还是浏览器支持不像宣传的那样稳固？

      h2 {
        page-break-after: avoid;
      }                         

      p {
        page-break-inside: avoid;   
        orphans: 2;
        widows: 2;
      }

Answer 1

浏览器支持打印很糟糕。不仅仅是一点点，而是完全没有比较。大约每隔一年（过去10年），我已经玩过这个并且我总是回到相同的结论：不依赖于浏览器能够处理好的打印。

如果绝对必须正确定位，请动态创建一个pdf文件，然后让用户打印出来。

Answer 2

如果您想要分页，我知道这是至少在Firefox和IE中的工作方式。上次我检查这个在IE7中工作。

Page 1

<br style="page-break-after:always" />

Page 2

应该在不同的纸张上打印页面，完全取决于浏览器。

Answer 3

我知道这会违背每个人对html开发的所有内容，但使用表格。将需要保留在一起的内容放入表中，然后页面将不会在表的中间拆分。如果表格长于一页，那么它将被分割到表格中间的某个位置，但使用表格是在打印时将内容保持在一起的好方法。