Styles d'impression: comment s'assurer que l'image ne s'étend pas sur un saut de page

Lors de l'écriture d'une feuille de style d'impression, existe-t-il un moyen de s'assurer qu'une image est toujours sur une seule page, au lieu de s'étendre sur plusieurs pages. Les images sont beaucoup plus petites que la page, mais en fonction du flux de documents, elles se retrouvent au bas de la page et se divisent. Un exemple du comportement que je vois est ci-dessous:

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

Ce que j'aimerais

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

Toutes ces fois où je me suis plaint des flotteurs dans LaTeX, et ici je demande la même fonctionnalité ... Est-ce que cela peut être fait? Je ne suis pas nécessairement préoccupé par le fait que cela fonctionne dans tous les navigateurs, car il ne s'agit souvent que d'un document unique que j'écris pour le transformer en PDF.

Le seul moyen auquel je pense est d'utiliser une (ou potentiellement plusieurs) des règles css suivantes:

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' */
}

Je rappelle à moitié que ces déclarations ne s'appliquent qu'aux éléments de niveau bloc (vous devrez donc également définir display: block;sur votre image, ou utiliser une sorte de conteneur d'emballage et appliquer les règles à cela (que ce soit dans un paragraphe, div, span , liste, etc ...).

Quelques discussions utiles ici: " Quelles sont les media="print"propriétés CSS les plus spécifiques à l'utilisation et compatibles avec tous les navigateurs? "

Références:

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