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

pat*_*man 10 css printing safari page-break-inside

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

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

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

有什么建议?谢谢.

顺便说一句,我在Windows 7和Safari 5.1.7上

Doc*_*cto 14

尝试使用display: inline-block;而不是page-break-inside: avoid;.您可能还需要添加vertical-align: top;width: 100%;使元素的行为像正常的块元素,而不是行内元素.

page-break-inside: avoid;在大多数浏览器中实现之前,这种技术一直可靠地工作.它仍然是防止内容块中的分页符的最可靠的跨平台方式.

如果您想让表格牢不可破,您可以设置display: inline-table;它.或者你可以把它放在一个内联块div中.