Разрыв страницы CSS: избегать;не работает

Question

Мне сообщили, что CSS page-break-inside:avoid; предотвратит печать элементов между 2 страницами.

По этим указаниям распечатка пока что работает не на всех протестированных браузерах. В CSS .instruction это применимо, но распечатывает на страницах.

Пример: http://www.golfbrowser.com/A4/directions.php?start=PARIS&end=SL42ES

Есть идеи?

Answer 1

Просто добавьте таблицу стилей для печати или используйте медиа-запрос и прерывающий 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 +.

Answer 2

Свойство page-break-inside поддерживается только Opera.

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