CSS頁面中斷：避免;不起作用

我被告知說CSS page-break-inside:avoid;會阻止在2頁之間打印元素。CSS頁面中斷：避免;不起作用

在這個方向上打印出來這個目前在所有測試過的瀏覽器上都不起作用。 CSS。指令已經應用於各個頁面。

例子：http://www.golfbrowser.com/A4/directions.php?start=PARIS&end=SL42ES

任何想法？

2011-09-17 Robin Knight

只需添加一個打印樣式表或使用媒體查詢和斷開股利或只是樣式添加到您的HTML打印時需要制動的元素。

嘗試的內容每一段塊，你認爲需要打破後，加入這樣的：

<div class="break">&nbsp;</div>

至於你的CSS只補充一點：

.break { 
    display:none; 
} //place inside your regular stylesheet file 

@media print { 
    .break { 
     display:block; 
     page-break-after:always 
    } 
}

這種方法適用於大多數現代瀏覽器，包括IE8 +。

來源

2011-09-17 13:20:06

這是一個可怕的工作。如果您嘗試在多個頁面中放置多個div，則當此塊不適合時，您將限制每頁1個div，而不是實際分頁。這種解決方法甚至不會達到頁面打破內容的目的。 – Churk

@Churk我不認爲你瞭解這個問題和我的答案。關鍵是要防止在同一頁面上打印多個div，而不是試圖讓它們適合它們。 –

@andrews Ilich這就是它會阻止在兩頁之間打印元素的事情。。這就是'頁面破解：避免;'假設要做的事情。 – Churk

page-break-inside屬性僅被Opera支持。

http://www.w3schools.com/cssref/pr_print_pagebi.asp

來源

2011-09-17 12:36:36

w3school不提供大約50％的正確信息。這是其中之一。 IE7和IE8和IE9支持它，只要doctype設置爲嚴格模式而不是怪癖模式。 – Churk

真的嗎？除了您的個人經歷，是否有任何文章可以分享這個觀點？順便說一下，你的帖子遲了大約9個月，有些人會將其歸類爲necro-post。 –

只有當我試圖恢復它時，它的necro纔是。我正在試圖找到一個解決方案來解決頁面內部問題：避免;該工作跨瀏覽器。因此，如果我能找到可以幫助的事情，我會訪問所有帖子，甚至9個月的帖子。 – Churk

CSS頁面中斷：避免;不起作用

回答

相關問題