css – Safari page-break-inside：避免不工作

我有一个CSS page-break-inside的问题：避免.我有一些打印块有这个css属性设置,但是Safari会像真正的分页符一样突破任何内容,而它在所有其他主流浏览器(当前版本)中工作到目前为止我已经测试过了.

打印块保持哪种类型的内容似乎并不重要,因为我已经看到这种行为,表和画布元素都在中间分开.

至于http://css-tricks.com/almanac/properties/p/page-break/和http://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html,它应该工作.无法通过快速搜索找到有关此问题的任何其他和最新信息.

有什么建议？谢谢.

BTW我在Windows 7& Safari 5.1.7

解决方法

尝试使用display：inline-block;而不是page-break-inside：avoid;.您可能还想添加vertical-align：top;宽度：100％;使元素表现得像普通的块元素而不是内联元素.

这种技术在页面分解之前就已经可靠地工作了：避免;在大多数浏览器中实现.它仍然是防止内容块中的分页符的最可靠的跨平台方式.

如果要使表不可破坏,可以设置display：inline-table;在上面.或者你可以把它放在一个内联块div中.