Как не разрывать изображение в pdf?

Question

[Awetra]

У меня есть фотографии внутри тега , сейчас у меня происходит разрыв фотографии, одна часть остаётся на одной странице, другая перемещается на следующую. Я пробовал оборачивать саму фотографию в и к этому блоку применял стиль page-break-insised: avoid, но ничего не выходит.

<td>
    <div class="img-wrapper">
           <a href="{{img_file.get_absolute_url}}" target="_blank">
                <img style="max-width:300px;" src="{{img_file.get_url}}">
            </a>
    </div>
</td>

thead, tfoot {
    display: table-row-group;
}
tr {
     page-break-inside: avoid;
}
table td {
     position: relative;
}
.img-wrapper {
     position: relative;
     page-break-inside: avoid !important; 
     age-break-after: auto !important;
     display: block !important; 
}

Comments

[Lynn «Кофеман»]

Неплохо бы рассказать как именно вы делаете PDF из html

[Awetra]

Алексей Тен, я использую django + pdfkit + tempfile.

options = {
            'page-size': 'A4',
            'margin-top': '0.3in',
            'margin-right': '0.3in',
            'margin-bottom': '0.3in',
            'margin-left': '0.3in',
            'encoding': "UTF-8",
            'no-outline': None
        }

        file_name = "%s.pdf" % title
        output = pdfkit.from_string(html, False, options=options)

        pdf = SpooledTemporaryFile()
        pdf.write(output)
        pdf.seek(0)

Далее