一尘不染

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

css

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

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

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


阅读 345

收藏
2020-05-16

共1个答案

一尘不染

这应该工作:

@media print  
{
    div{
        page-break-inside: avoid;
    }
}
  • 铬-1.0+
  • Firefox(壁虎)-19.0+
  • Internet Explorer-8.0+
  • 歌剧-7.0+
  • Safari-1.3+(312)
2020-05-16