当前位置: 首页 > 面试题库 >

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

罗淮晨
2023-03-14
问题内容

我正在为一款软件编写插件,该插件需要大量项目并将其弹出到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)


 类似资料:
  • 问题内容: 我用option运行pytest 。 不幸的是,这会打印出很多点。例: 有没有办法避免这么长的点和“ s”字符列表? 更新资料 有一个有效的答案。但是不知何故对我来说太长了。我现在使用此解决方法:我将其添加到调用pytest的脚本中: 问题答案: 详细选项无法关闭测试结果打印。但是,可以通过多种方式进行自定义,包括结果打印。要更改此设置,您将覆盖该挂钩。 关闭短字母 创建一个具有以下内

  • 问题内容: 我有一个填充有动态数据的表,要处理在打印中的问题,我在其中应用了一些分页符,一切正常,但是在打印时,我需要在每页下方显示一个分页,例如“ Page 1 of 3 ”,依此类推。我已经尝试过使用CSS,但是我只能用它打印当前页码。还有其他方法可以实现吗?这是我的代码 问题答案: 您是否尝试过:

  • 问题内容: 我已经阅读了很多有关打印页码的网站,但是当我尝试打印html页面时,仍然无法显示它。 接下来是CSS代码: 我试图把这个页面规则放进去 在其外部,尝试将其放入中,但没有任何帮助使我在页面上显示页码。我尝试使用FireFox和Chrome(您知道基于WebKit的浏览器)。我认为问题出在我的HTML或CSS代码中。 有人可以告诉我一个在具有多个页面的大html页面中实现此规则的示例吗?我

  • 问题内容: 我正在使用CSS属性, 如果我使用=>它会在之前打印一个额外的空白页 如果我使用=>,它将在以后打印额外的空白页。 如何避免这种情况? 问题答案: 您也许可以添加 因此最后一个元素将不会获得额外的分页符。 请注意,如果您以浏览器的目标为目标,则IE8不支持:last-child选择器。

  • 我有一个非常简单的表,有3列,我需要一个尽可能轻量级的查询,只有当列有新值时才能插入。 如何编写sql查询来实现这一点?我在网站上已经看到了一些例子,但它们都被我无法理解的更复杂的查询(一些涉及子查询)所混淆。 似乎有不同的方法来做这件事,我需要找到最轻量级的一个,这样我就可以在循环中重复它,一次插入多个标签,而不会给服务器带来太大的压力。

  • 我有一个使用文本输入的表单和一个将文本添加到数据库表的控制器 我使用ajax调用这个函数,如下所示: 数据已成功插入。然而,当控制器试图重定向到时,我遇到了一个错误 我的背景。xml有以下条目 我尝试将addStuff的返回类型更改为void。然而,我收到了相同的错误消息。 如何在不重定向或刷新页面的情况下插入到数据库?