css PDF损坏的图像输出

brccelvz 于 2022-12-24 发布在其他

关注(0)|答案(1)|浏览(128)

我有一个整洁的HTML页面输出为PDF格式。HTML页面显示在浏览器中，因为它应该

但是当我执行window.print()时，这个结构看起来是坏的

我的HTML代码是这样的

<div class="main"> <!-- PDF Page 1 --> </div>
<div class="pagebreak"></div>
<div class="main"> <!-- PDF Page 2 --> </div>
<div class="pagebreak"></div>
<!-- more ... -->

我花了一整天的时间试图解决这个问题。但是，我不知道是什么导致了这个问题。PDF页面角落里的红框具有position: absolute;属性。从页面溢出的部分是这些碎片的其余部分。我如何防止这种情况？

css

来源：https://stackoverflow.com/questions/74895772/pdf-corrupt-image-output

1条答案

按热度按时间

czfnxgou1#

你没有提供足够的信息，比如父元素的CSS，但是我认为你的问题是尺寸。你应该尝试修改父元素，使其占据整个视口的宽度和高度。可能是这样的：

<div class="main" style="height:100vh;"> <!-- PDF Page 1 --> </div>
<div class="pagebreak"></div>
<div class="main" style="height:100vh;"> <!-- PDF Page 2 --> </div>
<div class="pagebreak"></div>
<!-- more ... -->

赞(0）回复(0）举报 2022-12-24

我来回答

css PDF损坏的图像输出

1条答案

相关问题

热门标签

最新问答