在没有强制分页符的情况下打印 HTML

Question

我正在尝试打印带有许多大块引用元素的 HTML，每个元素跨越半页或更多页。打印时，浏览器会添加分页符，以防块引用元素在当前页面内无法完成。

我已经在几个浏览器和同样的事情上尝试过这个。即使将在当前页面末尾的中间剪切，如何对 CSS 进行编程以显示块引用？

例如：

text-text text-text text-text text-text 
text-text text-text text-text text-text 
<blockquote>
text-text text-text text-text 
text-text text-text text-text 
</blockquote>

如果 "blockquote" 元素的内容在当前页面结束时还没有完成，浏览器会在它之前添加一个分页符。

如何防止这种情况发生？

我已经修改了 CSS 属性 page-break-before/inside/after 但这没有帮助。

Answer 1

我相信你想要这些规则中的一个或两个：

blockquote {
  page-break-before: avoid;
  page-break-inside: auto;
}

...或者前面的元素可能需要page-break-after: avoid。

（这些属性显然正在被更通用的属性所取代，例如break-before，尽管新版本目前尚未得到广泛支持。）

根据下面的 cmets，这里显然与 display:block 有一些互动； display:inline-block 不会触发分页行为。