html - Page-break-inside:避免不工作

Question

我的 (Wordpress) 站点有一个打印样式表，我希望图像打印在单个页面上而不是跨页打印。在某些情况下，甚至文本行也会跨页拆分。我在我的打印样式表中包含了 img {page-break: avoid;)，但没有成功。我找到了一些以前的答案，但它们有点旧。

有没有一种可靠的方法可以在单页上打印中等大小的图像而不是将其拆分成多个页面？为什么文本行会跨页中断？

网站:http://74.220.217.211/housing-developments/grafton-townhomes/

相关帖子:

• Print styles: How to ensure image doesn't span a page break

• What are most useful media="print" specfic ,cross browser compatible css properties?

• What is the correct way to do the CSS to avoid page breaks?

• page-break-inside doesn't work in Chrome?
• Work around for page-break-inside:avoid

Answer 1

可能是img元素的父元素有样式:

display: flex

那么闯入就不起作用了。

例如，如果您将父元素显示样式更改为:

display: block

然后它会起作用。