css - CSS page-break-inside：避免；没有功能

Question

我被告知说 CSSpage-break-inside:avoid;会阻止在 2 页之间打印元素。

在这个方向上打印出来，到目前为止，这根本不适用于所有经过测试的浏览器。CSS .instruction 已应用此功能，但会跨页面打印。

示例：http ://www.golfbrowser.com/A4/directions.php?start=PARIS&end=SL42ES

有任何想法吗？

Answer 1

只有 Opera 支持 page-break-inside 属性。

http://www.w3schools.com/cssref/pr_print_pagebi.asp

Answer 2

只需添加打印样式表或使用媒体查询和中断 div 或将样式添加到 html 中打印时需要制动的元素。

尝试在您认为需要破坏的每个长内容块之后添加此内容：

<div class="break">&nbsp;</div>

至于你的css，只需添加：

.break {
  display:none;
} //place inside your regular stylesheet file

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

此方法适用于大多数现代浏览器，包括 IE8+。