Использование CSS и / или jQuery для печати страниц с разрывами страниц

У меня есть динамически сгенерированная html-страница, которая предназначена для печати. ​​

Я хотел бы создать разрывы страниц на основе разделов div - где любой заданный div - если он НЕ полностью помещается на странице, вставьте перед ним разрыв страницы.

Теоретически, где угодно от одного div, возможно, до 10 , может уместиться на одной печатной странице, поэтому я думаю, мне нужно будет использовать jQuery для вставок после загрузки страницы.

Если бы это было настольное приложение, я бы подошел к нему примерно так:

1. Измерьте ширину и высоту страницы (используя какой-либо объект-принтер).
2. Измерьте высоту каждого div - и вычтите это из общей суммы страницы оставшаяся высота
3. if (Оставшееся_пространство - div_height> 0) {// помещаем его на страницу} else {// сначала вставляем разрыв страницы}

Есть ли способ использовать jQuery, CSS, необработанный JavaScript или что-то еще, что приведет меня к этому сценарию?