CSS page-break-inside：avoid;不起作用

Question

我被告知，CSS page-break-inside:avoid;会阻止在两页之间打印元素。

在这个方向打印出来这对目前为止所有测试过的浏览器都不起作用。 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 +。