У меня есть страница, на которой есть несколько divs
один за другим, сгенерированных циклом, все они имеют один и тот же класс, и все divs
содержат изображения и текст. Мне нужно стилизовать эту страницу для печати. Я следовал всем основным принципам, касающимся размера, цвета, полей и тому подобного.
Однако я не хочу, чтобы поля разделялись между страницами при печати, как это происходит, когда поле начинается ближе к концу страницы и печатается часть текста, а остальное - на следующей странице. Я использовал javascript для вставки div разрыва страницы (имеет стиль page-break-before:always
), когда общая высота div на странице превышает 800 (assumed value).
Однако, когда я печатаю, размер текста меняется, блоки div становятся длиннее / короче, а разрывы страниц неуместны.
Я делаю то же самое, что сказано в ответе здесь. Мой вопрос в том, что я предполагаю шириной / высотой напечатанной страницы? Или есть решение получше?
Как мне с этим справиться? Заранее спасибо.
РЕДАКТИРОВАТЬ: я использую CSS для печати, к сожалению. Также у меня есть определенные стили мультимедиа и стили печати.
РЕДАКТИРОВАТЬ (попытаться визуализировать)
-------div 1------
| |
| |
| |
-----div 2-----
| | WRONG
| |
| |
----div 3-------
| |
| |
| auto page break|
----page 1 ends----
| |
| |
| |
----div 4----------
-------div 1------
| |
| |
| |
-----div 2-----
| | RIGHT
| |
| script
generated
page break |
----div 3-------
| |
| |
| |
----page 1 ends----
| |
| |
| |
----div 4----------