2

我正在从另一个页面动态添加 HTML 并将其设置为打印样式。但是，page-break-inside: avoid;当应用于我的元素（其中任何一个）时，即使它出现在样式中，打印时似乎也没有被考虑在内。我在 Windows 上使用 Chrome 31

这是我的程序的简化版本的 jsFiddle（警告setInterval：它会在 3 秒后显示打印预览。要停止此操作，只需将底部的注释注释掉page-break-inside:avoid打印预览没有任何影响

我发现的通常的“修复”，添加position:relative到元素及其父级，在我的情况下不起作用。给它加前缀（正如几个人建议的那样）似乎也不起作用

我知道page-break-inside: avoid;在 Chrome 31 中可以使用动态放置的元素，因为我在伪版本中对其进行了测试（警告：这也会打开打印预览），但是在花费数小时删除代码、使用样式和研究主题之后（大多数帖子都非常过时）我似乎无法让我更复杂的版本以同样的方式工作

提前感谢您的任何见解！

4

1 回答 1

5

将 #fromTumblr ID 上的显示属性从 更改inline-block为block。

分页规则不适用于内联元素似乎是合乎逻辑的，并且由于该 ID 用于超过页面大小的包装元素，我猜这就是忽略所有其他规则的原因。

这是更新的小提琴，在 Windows 上的 Chrome 31 和 FF26 上测试：http: //jsfiddle.net/FSyT5/27/

于 2013-12-15T23:47:10.017 回答