CSS page-break-inside:避免;没有功能

Question

有人告诉我，上述CSS page-break-inside:avoid;将防止元素在两页之间打印。

在这个方向上打印出来，到目前为止，这在所有测试的浏览器上都不起作用。CSS .指令已经应用了这一点，但仍然跨页打印。

示例:http://www.golfbrowser.com/A4/directions.php?start=PARIS&结束= 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+。