问题标签 [page-break-inside]

我目前正在使用 DOMPDF 和 MPDF，它们运行良好。出于某种原因，我更喜欢 MPDF，尽管对它的支持几乎下降了。

目前我正在做一些我需要生成表格的事情：

如您所见，我有多个 tbody 部分。原因是，我需要确保 tbody 中的所有内容在分页时都不会损坏。我需要 tbody 中的这些行集始终出现在同一页面上。

我会通过应用类来做到这一点：

不幸的是 DOMPDF 和 MPDF 不支持这个。

我相信 wkhtmltopdf 确实如此，但是使用 composer 来启动和运行它的过程以及所涉及的复杂性对我来说似乎有点极端。

有没有可以处理这个问题的纯 PHP PDF 生成器？

谢谢。

如何避免表格分成两页，如果太长，则将整个表格移动到新页面？我试过了

或将表格包装在 div 中

但是以上都没有任何效果，如果页面底部的表格太长，它仍然会分成两半。请注意，我使用的不是 xsl:fo，而是 xsl:template

我正在使用 phantomjs 生成 PDF 报告。

下面是我的 CSS，它避免了将文本拆分到两页。它按预期将整行移动到新页面。

我希望在每页的开头插入一个边距和边框，但是在这些分页符发生后还没有找到一种方法来应用样式。添加类似下面的内容会为每个列类添加我想要的样式，但我只希望它应用于每个页面上的第一次出现。

我正在使用 wkhtmltopdf 将 html 转换为 pdf 文档。最后一行被截断并跳转到下一页。

这是我正在使用的示例 html 文件。 http://s000.tinyupload.com/index.php?file_id=23944558487334389019

这就是输出 pdf 的外观。

我只是将 html 文件和 pdf 文件名作为参数传递给 wkhtmltopdf.exe

我正在使用 0.12.4 版本的 wkhtmltopdf.exe

我试图避免在我的 HTML 表格的行内出现可能超过一页的分页符。我正在使用 Internet Explorer 打印预览和 BCL EasyPDFSDK 转换为 PDF 来测试这一点。我以各种组合将以下 CSS 样式应用于<td>元素，但对于每一个元素，我都得到了不希望的结果：

我相信这page-break-inside: avoid !important是有效的，但只是在<td>水平上。例如，我会在第一页的末尾看到一个所有文本都完好无损的标签，但下面的<tr>标签将在下一页上，所有文本都完好无损。<td><td>

我不认为你应该应用格式，<tr>所以我不确定如何解决这个问题。

我应该将 CSS 应用于<tr>还是有其他方法来实现这一点？

谢谢您的帮助！

我正在尝试打印带有许多大块引用元素的 HTML，每个元素跨越半页或更多页。打印时，浏览器会在 blockquote 元素不会在当前页面内完成的情况下添加分页符。

我已经在几个浏览器和同样的事情上试过这个。即使将在当前页面末尾的中间剪切，如何对 CSS 进行编程以显示块引用？

例如：

如果“blockquote”元素的内容在当前页面末尾没有完成，浏览器将在“blockquote”元素之前添加一个分页符。

如何防止这种情况发生？

我已经摆弄了 CSS 属性 page-break-before/inside/after 但这没有帮助。

所以，我有这个页面，其中包含一个包含很多行的表格，需要打印为硬拷贝。当我PDF从该页面打印或获取输出时发生了一些奇怪的事情：在第一页之后，其余页面完全失去了它们的CSS样式，例如字体、颜色、表格边框等。这个问题只发生在 Firefox 和 Chrome打印或PDF输出都没有问题。当我print preview在 Firefox 中查看时，一切似乎都很好。

这就是我设法将我的长表分成几页的方法。发生分页后，它有什么理由失去它的风格吗？

编辑：这就是我的 html 代码的运行方式。我还在上面的 css 部分添加了表类：

我正在 iOS 11 上的 UIWebView 中构建一个 html 网页。我使用UIPrintFormatter和UIPrintPageRenderer（生成 PDF）打印该网页。

page-break-inside: avoid;不尊重标签container-row，打印时元素仍会在内部破裂。打破似乎并不总是发生，大多数时候它工作正常。container-row我在几个地方看到了内部中断，但从未在文本中看到。无论是否使用自定义字体，似乎都会发生内部破坏。

我如何构建 div 及其关联的 css 有问题吗？我怎样才能完全防止container-row破裂？

整页：https ://jsfiddle.net/2fj13tt7

身体：

CSS：

例如红色部分是底部container-row的其余部分container-row是在上一页。

CSS文件如下：

我已经如上所述设置了我的页面。当我在 chrome 中以打印模式预览页面时，地图被剪切了。我尝试了所有方法，例如将 page-break-inside：避免在 map-container 上，page-break-after：始终在 content-container 上，但似乎没有任何效果。

我发现了与 page-inside-break 属性相关的帖子，但似乎没有一个有效，这就是我发表这篇文章的原因。有什么我做错了，或者有什么其他方法可以在打印模式下实现分页。

这是我的页面的轮廓

我期望在这里实现的是，每当我们打印此页面时，每页上的第一个框和最后一个框都应该有一个灰色边框。

如果有人以前遇到过这种情况，请帮忙。

目前，我正在搜索一个 JavaScript 触发器，它会在分页时触发并帮助我访问页面上的第一个元素。但是，如果有人可以建议其他搜索线，那也会有帮助。

更新 1：此内容是动态生成的。盒子的大小可能会有所不同。所以我不能确定每页会显示多少个框。

更新 2：我考虑过页眉和页脚。但这不会完全有帮助。因为我必须在第一个和最后一个 DIV 的内容中添加某些样式。