正确将html页面打印为pdf

Question

我有一个html页面，其中包含一个引导容器和响应图像。当它在浏览器中呈现时，我希望用户可以选择打印页面并获得呈现良好的PDF。但是，某些图像会在页面过渡中出现。

图像在缩略图类中。

{% forloop ----- %}
              <div class="thumbnail">
                  <img class="ImageShot" src="{{i.HQ_image.url}}">
              </div>
{% endfor %}

Answer 1

.ImageShot { page-break-inside: avoid; }

您也可以将其应用于所有img标签。