CSS打印：避免在页面之间插入一半的DIV？

• Z时代
• 2024-01-10
• 分类：问答

我正在为一款软件编写插件，该插件需要大量项目并将其弹出到Cocoa中的WebView中的HTML中（该WebView使用WebKit作为其渲染器，因此基本上您可以假定该HTML文件已在苹果浏览器）。

它制作的DIV具有动态高度，但变化不大。它们通常在200像素左右。无论如何，每个文档中有大约六百个这样的项目，我要打印它真的很艰难。除非我很幸运，否则每页底部和顶部都有一个条目被切成两半，这使得使用打印输出变得非常困难。

我尝试过分页之前，分页之后，分页内部以及这三者的组合均无济于事。我认为可能是WebKit无法正确呈现指令，或者可能是我对如何使用它们缺乏了解。无论如何，我需要帮助。打印时如何防止DIV切入一半？

回答：

这应该工作：

@media print  
{
    div{
        page-break-inside: avoid;
    }
}

• 铬-1.0+
• Firefox（壁虎）-19.0+
• Internet Explorer-8.0+
• 歌剧-7.0+
• Safari-1.3+（312）

以上是 CSS打印：避免在页面之间插入一半的DIV？ 的全部内容， 来源链接： utcz.com/qa/400083.html