问题标签 [page-break-inside]

我正在尝试打印我创建的网页。

我还创建了一个带有特定打印规则的 style.css。

我有一些 div 框代表我不需要在页面之间拆分的评论。

我添加了这个属性：

page-break-inside：避免；

这适用于形状（气泡没有正确地在里面分割），但盒子阴影仍然在页面之间分割。

图片

我该如何解决这个问题？

我有这个html：

这是一张大桌子。该表格具有顶部和底部边距，但仅在第一个打印页应用 margin-top 和在最后一个打印页应用 margin-bottom：

我该如何解决这个问题？我想要页面页眉和页脚的固定位置，但我希望该页边距适用于所有打印页面的表格。

由于 Firefox 量子我的 CSS 不再工作

当元素内部带有 时，如何强制 Firefox 在下一页上打印display: table？

在外面，它工作正常。

我在打印 html 页面时遇到了很多问题。我花了一些时间并尝试了不同的解决方案，但都没有奏效。

http://jsfiddle.net/kasheftin/vj7hr1cg/1/ - 这是我要打印的表格。我尽可能地简化了它。它不适合一页，目标是避免在行内容内分页。

我还想在每个打印页面的底部添加一些自定义文本，例如“第 1 页，共 10 页”。

这是当前的结果：

如我们所见，最后一个单元格不适合页面，它没有底部边框，页码打印为 1/5 而不是 css 中指定的 '1 of 5'。

这是我到目前为止所尝试的：

具有行跨度的每一行都有-primary类名。除了这些行之前，任何地方都避免了分页符：

将每个单元格内容包装到.b-rtable__container占据所有单元格并避免分页符的 div 中：

添加了这些规则以page 1 of 10在每个页面的底部绘制自定义文本，但未显示：

我正在使用 wkhtmltopdf 将我的 HTML 转换为 PDF。我担心的是page-break-* : ignore;指令。我试图阻止 PDF 在标题（以及其他）之后立即剪切到新页面，因此标题和内容总是粘在一起。不知何故，它似​​乎真的不起作用！我尝试了许多不同的方式，但结果总是一样的，忽略 CSS ......任何page-break-inside: avoid !important;,page-break-after: avoid !important;或page-break-before: avoid !important;似乎都有效。

编辑：

我的代码示例是：

索引.html

样式.css

给出以下结果：

有任何想法吗？谢谢！

我正在使用 PHP 脚本生成一个表格来显示测量结果。它运行良好，但是在打印时，表格行内的分页符出现了一些问题。

具有行跨度的边框<tr>继续在页面的页脚/页眉上，并且分页符不起作用。

我尝试了几种方法，但没有任何改变：page-break-inside : avoid在此表中不起作用。

你有想法吗？或者你有什么错误吗？

谢谢你的帮助 ！:)

编辑：事实上，经过许多其他测试，如果您设置 display : block，page-break-inside : Avoid 将起作用。但是 display:block 会破坏表格布局：/怎么可能做到这一点？谢谢

代码 ：

https://exchagerates.herokuapp.com/

如果您在 Chrome 中查看关岛国旗，它从顶部被切断。它分布在第一列和第二列之间。这是我不想要的。如何让所有列的顶部对齐？我试过使用page-break-inside: avoid，但这似乎没有帮助。

有人可以帮忙吗？

我正在使用 Rotativa 将我的 HTML 转换为 PDF，我有一个重复 n 次的 div，它有一个可以有 n 行的表格。我正在尝试找到一种干净的方法来在确切的点打破页面，不会使一页中的一半 div 和另一页中的一半。我已经尝试获取行数并在获得足够的行后添加分页符，这些行可以在单个页面中可见，而无需将 div 分成两页，但在某些情况下，随着行数的增加，这仍然无济于事. 而且page-break在重复 div 之后也不起作用。有人可以帮助我page-break在某些 div 发生后允许它工作。

我有这个 html whereapp-sales-by-category-total是一个使用 chartjs 的组件。这有多个图表，因为它处于 for 循环中。

分页符不起作用。这是我的CSS

这是输出

即使在表格中，分页符似乎也不适用于这个 css：

我有一个容器，其中包含几个 2 列布局的 div。当我转换为 pdf 时，我希望 div 打印在新页面中。

我浏览了几篇关于 的文章page-break-inside，但进展并不顺利。也尝试了很多 SO 答案，一切都是我的运气不好。

我不明白为什么page-break-inside:avoid不在我的代码中工作。

我希望.item班级在两页中间时中断到新页面。

这是它的完整代码：

我希望能得到答案。

也尝试使用引导程序，但仍然没有运气。下面是使用引导程序的代码。

https://codepen.io/chintuyadav/pen/wvaMZQg?editors=1100

提前感谢您的宝贵时间。