问题标签 [page-break-inside]

我的（Wordpress）网站有一个打印样式表，我希望图像打印在单个页面上，而不是跨页面拆分。在某些情况下，甚至文本行也被拆分到页面中。我已经包含img {page-break: avoid;)在我的打印样式表中，但没有运气。我找到了一些以前的答案，但它们有点老了。

有没有一种可靠的方法可以在单个页面上打印中等大小的图像，而不是将其拆分为多个页面？为什么文本行会跨页中断？

网站：http: //74.220.217.211/housing-developments/grafton-townhomes/

相关文章：

• 打印样式：如何确保图像不跨越分页符

• 什么是最有用的 media="print" 特定的，跨浏览器兼容的 css 属性？

• 执行 CSS 以避免分页符的正确方法是什么？

• page-break-inside 在 Chrome 中不起作用？
• 解决 page-break-inside:avoid

我们将 iText 5.5.7 与 XML Worker 一起使用，并且遇到了长表的问题，其中从页面末尾运行的行被分成两部分到下一页（见图）。

我们已尝试按照使用iText、XMLWorker和iText 在 HTML 表中的 PDF 页面之间剪切page-break-inside:avoid;防止文本块中的分页符中的建议使用，但没有效果。

我们已经尝试过

• 将每一行包装在 a 中<tbody>并应用分页符避免（无效）
• 定位tr, td和应用分页符（无效）
• 将每个内容包装td在 a 中div并应用分页符（itext 一旦到达页面末尾就会停止处理行）

我们的印象page-break-inside:avoid是得到支持，但尚未看到对此的确认。是否有使用 XML 工作者创建此效果的示例或最佳实践，或者是否需要 Java api 来执行此级别的操作？

干杯

当前跨页面拆分的行：

期望的效果：数据过多的行换行到下一页

如果网页上有多个链接，是否可以在链接完全位于任一侧时换行？例如：此博客http://northskie.blogspot.com/显示了一系列使用标准 A HREF="http://www..." 等的链接。
但是，您会注意到在第一行，Chapin's Inferno 出现在句子 A 行和 B 行上。当然，这可以通过添加 BR 轻松纠正。但是，如果我正在处理大量链接，例如http://asmrluv.blogspot.com/怎么办？现在，我不希望在每个 Breaking 行之间简单地添加 BR 或 P。另请注意，稍后可以将许多站点添加到列表中。这就是为什么这里应该避免使用 BR 行。

是否可以实现任何自动阻止链接出现在两行的代码？（当然，添加 CLASS 或 ID 以及代码是可以接受的）。我试图避免链接出现在一个句子中途，然后在下一行出现的问题。

我正在使用 iTextSharp 将我的 html 字符串打印到 pdf 中。我有嵌套表层次结构。如果内表不适合当前页面并开始在新页面上打印，我需要打破内表。

我已经把

对于所有父表以及所有子表。

但在我的情况下，内表没有破裂。

这是图像。

我在 document.add(parentTable) 中添加主父表。

我已经检查过，如果我将子表与父表分开并直接添加文档，它会在需要时打破页面。

但是对于嵌套表，它并没有破坏。

你能帮我么 ？

谢谢

我最近陷入了这个问题，其中 chrome 行为怪异且不遵守任何 CSS 规则。

在我的页面中，我有一些我不想在打印时中断的部分。下面是代码

它适用于除 CHROME 之外的所有其他浏览器。在 chrome 中，它看起来像

红色部分显示 div 中断。

PS：我模糊了页面只是为了避免任何问题。

I Have three separate section as header, body and footer to create pdf.

Header part will come always at top of each page and it will be fix.

Problem is with body content, if content is big it will go to second page.

Footer part will come always at bottom of each page and it will also fix.

So If content is big and if two pages created then I should get two pages as:

And

I tried with table format, It is working for header and content, but not worked for footer. Footer is coming only in bottom of second page not in first page.

I am using laravel dompdf

Any help would appreciated.

在这个小提琴https://jsfiddle.net/rpep00dg/7/中，内容前面是 Chrome 中的一个空列。如果您在 Firefox 或 Safari 中打开小提琴，则“标题”之前没有空列。p如果第一个元素是任何块级元素（如标签），似乎就是这种情况。

这是记录在任何地方的 Chrome 错误吗？还有什么变通办法让它像 Firefox 和 Safari 一样呈现？

我正在为 Web 应用程序制作打印样式表。该应用程序使用引导程序。每个页面都应该是可打印的，并且应该尽可能多地删除空白。

我的问题涉及以下 HTML 代码：

我有一个两列布局，每列都有几行。有没有办法在列中的行之间启用分页符？

列可以有很多行，我想避免整个 div 转移到新页面。相反，我想在 div 的行之间有一个分页符。

我认为我面临的主要问题是我的表格是逐列构造的，而不是像普通 HTML 表格那样逐行构造的。

我需要帮助 我在使用预印纸制作报告发票时遇到问题。当发票的一个项目超出容量时，其余项目将自动打印到第二页。我使用 javascript 编程语言。没有人可以给出解决方案吗？

这是我使用 Wicked_pdf 将html.erb页面转换为pdf.

问题： 似乎已分成两页table。tr

我没有成功的尝试：

1. page-break-inside按照此处或此处的说明使用

表，tr，td，th，tbody，thead，tfoot { page-break-inside：避免！重要；}

2. 将文本放在 div 中，如此处所述
3. 这里

另一种选择：将每个 tr 放在自己的 tbody 中，然后将 peage break css 规则应用于 tbody。表支持多个 tbody。一些额外的标记，但对我来说工作得体。

我正在使用 Ruby on Rails 4.2.6，Wicked_pdf 最新版本，引导程序。

github上的相关问题

问题：我怎样才能table不tr分成两页。