Вставить разрыв страницы, если высота div не помещается в печатные материалы? ⇐ CSS

[Anonymous]

Я динамически создаю элементы на веб-странице, которые хочу распечатать. Мне нужен разрыв страницы, если элемент не помещается в остальную часть бумаги формата А4.
Примером может служить вопрос: заставить элемент занимать ровно половину доступной высоты в печатных материалах

На рисунке на первой странице отображается неработающий элемент, который на самом деле должен быть на второй странице.

Как я могу принудительно разрыв страницы, если элемент не помещается на этой странице.
**Что я пробовал: **

Я пытался использовать свойство css page-breakafter` со следующим кодом:

Код: Выделить всё

$(document).ready(function(){

$(".row").each(function(){

if($(this).height()>$(document).height()/2){
$(this).after('');
}
});

});

Но это не работает.

Вот JsFiddle

Подробнее здесь: https://stackoverflow.com/questions/456 ... rint-media