頁面中斷被忽略

我從另一個頁面動態添加HTML併爲其打印樣式。然而，page-break-inside: avoid;應用於我的元素（它們中的任何一個）時，即使它顯示在樣式中，也不會在打印時將其考慮在內。我在Windows頁面中斷被忽略

的我的程序的簡化版本Here is a jsFiddle使用Chrome 31（警告：它在3秒後會彈出打印預覽要停止這只是註釋掉setInterval在底部），這是版本其中page-break-inside:avoid在打印預覽中沒有任何影響

我發現的常見「修復」，將position:relative添加到元素及其父項，在我的情況下不起作用。它的前綴（一對夫婦的人建議）似乎並沒有工作，要麼

我知道在Chrome 31 page-break-inside: avoid;作品與動態放置的元素，因爲我tested it out in a pseudo-version（警告：這也開啓了打印預覽），但消費後幾小時刪除代碼，玩弄風格和研究主題（大多數帖子都非常過時）我似乎無法得到我的更復雜的版本以同樣的方式工作

在此先感謝您的任何見解！

來源

2013-12-12 Zach Saucier

分頁-內：在Firefox避免不工作僅供參考 – davidcondrey

將#fromTumblr ID的顯示屬性從inline-block更改爲block。

頁面中斷規則不適用於內聯元素並且由於該ID是用於超出頁面大小的包裝元素，這似乎是合乎邏輯的我想這就是所有其他規則都被忽略的原因。

這裏的更新小提琴，在Chrome 31和FF26測試在Windows上：http://jsfiddle.net/FSyT5/27/

來源

2013-12-15 23:47:10

哇，似乎是一個愚蠢的理由，但它是正確不過。我想我沒有考慮父元素上的內聯塊。幹得好！ –

頁面中斷被忽略

回答

相關問題