确保在同一页面上打印部分

Question

我试图找出是否有办法确保我正在返回的页面上的某些元素在打印时不会被分割。 <div>或<fieldset>。我知道做一个用于打印的CSS，但我不确定是否有一个属性可以分配给一个可以确保这个的元素。

Answer 1

用于此目的的CSS声明是page-break-inside: avoid，但浏览器对它的支持仍然相当有限。请注意，Web上的各种CSS支持摘要文档可能会对此描绘得过于乐观。关于Opera和IE 8+（标准模式）的真正支持似乎有局限性。

page-break-before: always声明的工作范围要宽得多，并且通过在元素之前强制分页，您或多或少会确保如果可以避免换行，则不会在其中出现换行符。但这是一个相当可疑的方法，因为你可以强制许多不需要的分页符并且可能导致非常糟糕的结果（例如，只有一行的页面 - 由于它之前的自然分页符和它之后的强制分页符）。