Chrome中的iframe中的頁面中斷不起作用？

Question

我在我的應用程序中有一個iframe，如果我在某些div上添加分頁符，它會在Chrome上被忽略（在Safari上它按預期工作）。

我只是有控制頁面打破了這種打印CSS：

page-break-before: always; page-break-inside: avoid;

另外，如果我打開這個iframe中作爲一個單獨的頁面，分頁也正常工作。

Answer 1

母公司和其上要控制頁面破的元素必須聲明爲：

position: relative; 

本作是真：

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

但控制page-break-inside它會無法正常工作在Safari上（在5.1.7版本上測試）

Answer 2

我一直在努力解決這個問題。在我的場景中，我使用隱藏的iframe來無縫加載易於打印的內容，然後觸發打印對話框。通過在iframe元素上指定0px（甚至1px）的寬度，Chrome會有效地忽略我的打印CSS。

通過指定只有0px的高度並且未設置寬度，Chrome開始尊重打印樣式。