跨页浏览器支持`page-break-inside：avoid;`

Question

我在页面上有很多div个，其中包含可变数量的内容。我正在尝试使用page-break-inside: avoid;，以便每个div部分不会超过2页。

它适用于Firefox但不适用于IE8。

我的CSS打印文件中有这个

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

和我的div一样带着<div class="page-break-inside-avoid">

中的类

IE8现在应该支持这个。不是吗？

我做错了吗？有谁解决了这个问题？或者有过任何经验？

任何帮助都会很棒。

非常感谢 理查德

Answer 1

Webdevout.net是检查浏览器CSS兼容性的好地方。

对于page-break-inside，只显示IE8和Opera 8+支持

Answer 2

如果没有看到代码，我只能猜测它可能与您尝试应用它的div的高度或嵌套有关。甚至可能是宽度，因为记住IE和FF中的打印预览将具有不同的视口尺寸（从普通浏览器视口和彼此），几个像素可以完全改变它的显示

Answer 3

从HTML导入（XHTML 1.0 transitional）时，Microsoft Word 2010似乎不尊重此样式属性，即可能会分割<div>元素。