文章/答案/技术大牛

发布

社区首页 >问答首页 >在puppeteer中，图像的内部中断css不会改变其余内容

问在puppeteer中，图像的内部中断css不会改变其余内容
EN

Stack Overflow用户

提问于 2020-09-18 09:32:25

回答 1查看 74关注 0票数 0

我正在使用木偶来生成PDF。我的页面中有图片，我正在使用css

break-inside: avoid;

以避免在分页符上剪切图像。但每当图像因此而向下移动时，它就会与之后的内容重叠(请参阅附件中的图像)。

有没有什么办法可以把剩下的内容也转移掉？我试着给你

display: block;

图像，但这并没有帮助。

javascript

css

puppeteer

回答 1

Stack Overflow用户

发布于 2020-10-04 20:46:32

我找到了解决这个问题的办法，要让break-inside发挥作用，父母和孩子都必须有

display: block

我的父组件有

display:flex

这就是为什么它不尊重突破内部。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63948167

复制

相似问题

问在puppeteer中，图像的内部中断css不会改变其余内容
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在puppeteer中，图像的内部中断css不会改变其余内容EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在puppeteer中，图像的内部中断css不会改变其余内容
EN