html – Page-break-inside：避免不工作

概述我有一个用于我的(WordPress)网站的打印样式表,我想要在单个页面上打印图像而不是在页面上拆分.在某些情况下,甚至文本行都在页面之间分割.我在我的打印样式表中包含了img {page-break：avoid;),但没有运气.我找到了一些以前的答案,但它们有点老了. 是否有可靠的方法在单个页面上打印中等大小的图像而不是在页面上拆分？为什么文本行跨页？ 网站：http://74.220.217. 我有一个用于我的(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

解决方法 试试这个：

.site-container,.site-inner (heck body tag possibly) {position:relative;}p {    page-break-insIDe: avoID;    position: relative; }

检查这个FIDDLE

在打印介质中添加它

我只是在Chrome中查看它,它看起来很好,减去了还需要这个的图像：

img {    page-break-before: @R_404_6843@;    page-break-after: @R_404_6843@;     page-break-insIDe: avoID;    display: block;}

最后wordpress有这个,但实际上不确定它是否有帮助……

<!--nextpage-->

总结

以上是内存溢出为你收集整理的html – Page-break-inside：避免不工作全部内容，希望文章能够帮你解决html – Page-break-inside：避免不工作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。