распечатать изображение в конце последней страницы css

Question

У меня есть html-файл, и мне нужно распечатать изображение на end of last page. Я попробовал ниже css, но не работал

<div>test content</div> 
<div style="page-break-after:always;"></div> 
<div>atestecontent</div> 
<div style="position:absolute; bottom:0px;"><img src="android.png" width="63" height="91" alt="" /></div> 
</div> 

Как это исправить?

Answer 1

Вам нужно будет добавить таблицу стилей печати в документ. Тогда вам просто нужно сбросить эту абсолютную позицию, чтобы отобразить: block; Не забудьте добавить класс в div с абсолютным тоже.

<style media="print"> 
.remove-abs { 
    position:static; 
} 

.page-break { 
    page-break-before:always; 
} 
</style> 

<div>test content</div> 
<div style="page-break-after:always;"></div> 
<div>atestecontent</div> 
<div class="remove-abs page-break" style="position:absolute; bottom:0px;"><img src="android.png" width="63" height="91" alt="" /></div> 
</div>