Baskı stilleri: Resmin bir sayfa sonunu kapsamadığından nasıl emin olunur?

Bir baskı stil sayfası yazarken, bir görüntünün birden çok sayfaya yayılmak yerine her zaman yalnızca tek bir sayfada olmasını sağlamanın bir yolu var mı? Görüntüler sayfadan çok daha küçük, ancak belge akışına bağlı olarak, sayfanın en altında sona eriyor ve bölünüyorlar. Gördüğüm davranışa bir örnek aşağıdadır:

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

Ne isterdim

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

LaTeX'teki float'lardan şikayet ettiğim bunca zaman ve burada aynı işlevselliği istiyorum ... Bu yapılabilir mi? Tüm tarayıcılarda çalışmasıyla ilgilenmeme gerek yok, çünkü bu genellikle PDF'ye dönüştürülmek üzere yazdığım tek seferlik bir belgedir.

Aklıma gelen tek yol, aşağıdaki css kurallarından birini (veya potansiyel olarak daha fazlasını) kullanmaktır:

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

Bu bildirimlerin yalnızca blok düzeyindeki öğeler için geçerli olduğunu yarı anımsıyorum (bu nedenle display: block;, görüntünüz üzerinde tanımlamanız veya bir tür sarma kabı kullanmanız ve buna kuralları uygulamanız gerekir (ister paragraf ister div, ister , liste vb.).

Burada bazı yararlı tartışma: " Kullanıma media="print"özel, tarayıcılar arası uyumlu CSS özellikleri nelerdir? "

Referanslar:

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