CSS打印：避免页面之间的半切割DIV？

概述我为一个软件编写一个插件，它需要一个大集合的项目，并将它们在WebView中的WebView中的Cocoa(使用WebKit作为它的渲染器，所以基本上你可以假设这个HTML文件正在打开)苹果浏览器)。 它所做的DIV是动态高度，但它们没有太大的变化。它们通常约为200像素。无论如何，每个文档大约有六百个这些项目，我有一个真正的时间让它打印。除非我幸运，有一个条目在每一页的底部和顶部切成两半，这使得 我为一个软件编写一个插件，它需要一个大集合的项目，并将它们在WebVIEw中的WebVIEw中的Cocoa(使用WebKit作为它的渲染器，所以基本上你可以假设这个HTML文件正在打开)苹果浏览器)。

它所做的div是动态高度，但它们没有太大的变化。它们通常约为200像素。无论如何，每个文档大约有六百个这些项目，我有一个真正的时间让它打印。除非我幸运，有一个条目在每一页的底部和顶部切成两半，这使得实际使用打印输出非常困难。

我试过page-break-before，page-break-after，page-break-insIDe，以及三者的组合无效。我认为可能是WebKit没有正确呈现指令，或者也许是我缺乏对如何使用它们的理解。无论如何，我需要帮助。如何在打印时防止我的div的一半？

解决方法 这应该工作：

@media print  {    div{        page-break-insIDe: avoID;    }}

请注意0​​7000：

> Chrome – 1.0> firefox(Gecko) – 19.0> Internet Explorer – 8.0> Opera – 7.0> Safari – 1.3(312)

总结

以上是内存溢出为你收集整理的CSS打印：避免页面之间的半切割DIV？全部内容，希望文章能够帮你解决CSS打印：避免页面之间的半切割DIV？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。