Cross-browser support of `page-break-inside: avoid;`

问题

I have a lot of divs on a page with variable amounts of content in them. I am trying to use page-break-inside: avoid; so that each div section is not broken over 2 pages.

It is working in Firefox but not IE8.

I have this in my CSS print file

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

and my divs carry the class like in <div class="page-break-inside-avoid">

IE8 is supposed to support this now. Isn't it?

Am I doing something wrong? Anyone solved this issue? Or had any experience with it?

Any help would be great.

thanks a lot richard

回答1:

Webdevout.net is a great place to check browser CSS compatibility.

For page-break-inside only IE8 and Opera 8+ are shown to support it

回答2:

Without seeing the code I can only guess it is maybe something to do with the height or nesting of the divs you're trying to apply it to. Could even be the width as remember both Print Previews in IE and FF will have different viewport dimensions (from the normal browser viewport and each other), a few pixels out could completely change the display of it

回答3:

Microsoft Word 2010 does not seem to respect this style attribute when importing from HTML (XHTML 1.0 transitional), i.e. a <div> element may be split.

来源：https://stackoverflow.com/questions/2045470/cross-browser-support-of-page-break-inside-avoid