Стилі друку: Як забезпечити, щоб зображення не охоплювало розрив сторінки

Чи є спосіб писати таблицю стилів друку, щоб зображення завжди було лише на одній сторінці, а не охоплювало кілька сторінок. Зображення набагато менші, ніж сторінки, але, виходячи з потоку документів, вони опиняються внизу сторінки та діляться. Приклад поведінки, яку я бачу, наведений нижче:

Page 1 |                    |
       |  (text text text)  |
       |  (text text text)  |
       |  ________________  |
       | | Top of image   | |
       |____________________|
       ------page break------
        ____________________
Page 2 | | Rest of image  | |
       | |________________| |
       |         …          |

Що б я хотів

Page 1 |                    |
       |  (text text text)  |
       |  (text text text)  |
       |                    |
       |                    |
       |____________________|
       ------page break------
        ____________________
Page 2 |  ________________  |
       | | Full image     | |
       | |                | |
       | |________________| |
       |         …          |

Усі ті часи я скаржився на поплавки в LaTeX, і тут я прошу ту саму функціональність ... Чи можна це зробити? Мене не обов’язково турбує, що це працює у всіх браузерах, оскільки це часто просто разовий документ, який я пишу, щоб перетворити його на PDF.

Єдиний засіб, який я можу придумати, - це використовувати одне (або потенційно більше) з наступних правил css:

img {
    page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-inside: avoid; /* or 'auto' */
}

Я наполовину згадую, що ці оголошення застосовуються лише до елементів рівня блоку (тому вам також доведеться визначити display: block;на своєму зображенні або використовувати якийсь контейнер для обтікання та застосувати до цього правила (будь то в абзаці, div, span , список тощо ...).

Деякі корисні обговорення тут: " Які найбільш корисні media="print"властивості CSS, сумісні з браузерами, властивості CSS? "

Список літератури:

• page-break-after.
• page-break-before.
• page-break-inside.