我从另一个页面动态添加 HTML 并设计其打印样式。然而,page-break-inside: avoid;
,当应用于我的元素(其中任何一个)时,即使它显示在样式中,打印时似乎也没有被考虑在内。我在 Windows 上使用 Chrome 31
这是一个jsFiddle http://jsfiddle.net/Zeaklous/FSyT5/21/我的程序的简化版本(WARNING:3 秒后弹出打印预览。要阻止这种情况,只需注释掉setInterval
在底部),这是版本page-break-inside:avoid
对打印预览没有任何影响
我发现的通常的“修复”,添加position:relative
对于元素及其父元素,在我的情况下不起作用。添加前缀(正如一些人建议的那样)似乎也不起作用
I know page-break-inside: avoid;
在 Chrome 31 中可以使用动态放置的元素,因为我在伪版本中对其进行了测试 http://jsfiddle.net/Zeaklous/QCvA5/77/ (WARNING:这也会打开打印预览),但是在花费数小时删除代码、调整样式并研究该主题之后(大多数帖子都非常过时),我似乎无法让更复杂的版本以同样的方式工作
预先感谢您的任何见解!
更改 #fromTumblr ID 的显示属性inline-block
to block
.
分页规则不适用于内联元素似乎是合乎逻辑的,因为该 ID 用于超出页面大小的包装元素,我想这就是忽略所有其他规则的原因。
这是更新的小提琴,在 Windows 上的 Chrome 31 和 FF26 上进行了测试:http://jsfiddle.net/FSyT5/27/ http://jsfiddle.net/FSyT5/27/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)