Javascript Chrome上iframe中的分页符不工作？

我的应用程序中有一个iframe，如果我在某个

div

上添加了分页符，它在Chrome上会被忽略（在Safari上它会按预期工作）

我有一个控制分页符的打印css：

之前的分页符：始终；
内部分页符：避免；

---

另外，如果我将此iframe作为单独的页面打开，分页符也会按预期工作。

要控制分页符的父元素和元素必须声明为：

position: relative;

以下情况也是如此：

page-break-before
page-break-after
page-break-inside

---

但是在Safari（在5.1.7版本上测试）上控制

内部分页符将不起作用必须将要控制分页符的父元素和元素声明为：

position: relative;

以下情况也是如此：

page-break-before
page-break-after
page-break-inside

但是在Safari（在5.1.7版本上测试）上控制
内部的分页符是行不通的
。在我的场景中，我使用一个隐藏的iframe无缝加载打印友好内容，然后触发打印对话框。通过在iframe元素上指定0px（甚至1px）的宽度，Chrome将有效地忽略我的打印CSS

通过只指定0px的高度而不设置宽度，Chrome开始尊重打印样式。
我也在努力解决这个问题。在我的场景中，我使用一个隐藏的iframe无缝加载打印友好内容，然后触发打印对话框。通过在iframe元素上指定0px（甚至1px）的宽度，Chrome将有效地忽略我的打印CSS

通过只指定0px的高度，而不设置宽度，Chrome开始尊重打印样式