在最后一页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>