跨瀏覽器支持`page-break-inside：avoid;`

我在頁面上有很多div s，其頁面內容可變。我正在嘗試使用page-break-inside: avoid;，以便每個div部分不會超過2頁。跨瀏覽器支持`page-break-inside：avoid;`

它在Firefox中工作，但不是IE8。

我有這個在我的CSS打印文件

.page-break-inside-avoid { page-break-inside: avoid; }

和我的div攜帶像<div class="page-break-inside-avoid">

IE8應該現在支持這一類。不是嗎？

我做錯了什麼？任何人解決這個問題？或者有過任何經驗？

任何幫助將是偉大的。

非常感謝理查德

來源

2010-01-11 richard moss

firat div適合頁面，但第二個div不會在下一頁正確打印，但第三個div代替繼續第二個div在secon頁面之後，它將填充第一頁上的空間，然後是contines在第二個div和第二個頁面之後。它也看起來像第二個div在第三個div內打印。如果這是有道理的！請幫忙 – 2010-01-11 23:53:57

如果沒有看到其他代碼和樣式 – Gareth 2010-01-12 17:14:39

Webdevout.net是一個偉大的地方，檢查瀏覽器的CSS兼容性。

對於page-break-inside只有IE8和Opera 8+顯示，以支持它

來源

2010-01-11 23:20:23 Gareth

爲什麼它不能在IE8中工作的任何想法是不可能知道這個答案？謝謝 – 2010-01-11 23:25:34

我發現當你的頁面在**標準符合模式**中被解釋時，頁面中斷將只能*在IE8中工作，而不是怪癖模式。所以，確保你有一個有效的文檔類型！請參閱http://www.quirksmode.org/css/quirksmode.html – 2010-05-04 20:26:06

2016和最新的財產支持表http://caniuse.com/#feat=css-page-break – 2016-05-03 21:00:43

在沒有看到代碼，我只能猜測它可能是與你想申請它的div的高度或嵌套至。甚至可以記住寬度在IE和FF中的打印預覽將具有不同的視口尺寸（來自普通瀏覽器視口和彼此），幾個像素可以完全改變其顯示

來源

2010-01-12 11:28:27 Alex

Microsoft Word 2010不會在從HTML導入（XHTML 1.0過渡）時似乎尊重這種風格屬性，即可以拆分<div>元素。

來源

2013-05-29 10:24:58 handle

跨瀏覽器支持`page-break-inside：avoid;`

回答

相關問題