css - 跨浏览器支持`page-break-inside：避免；`

Question

我在一个页面上有很多divs，其中包含不同数量的内容。我正在尝试使用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 过渡）导入时，Microsoft Word 2010 似乎不尊重此样式属性，即<div>元素可能会被拆分。