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

前端之家收集整理的这篇文章主要介绍了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中.

猜你在找的CSS相关文章