问题标签 [page-break-inside]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - mPDF page-break-inside 避免不起作用
有人可以告诉我为什么 mPDF 不接受此代码以避免在我的 div 中出现分页符
node.js - heroku 上 phantomjs 中的分页符支持
我有一个使用 PhantomJS 生成 PDF 文件的 NodeJS 应用程序。我的应用程序部署到 Heroku，我正在使用这个幻像构建包。不幸的是，这个构建包不支持page-break-inside: avoidCSS 属性。
我做了一项研究，在这个GitHub 问题页面上发现了 2 处黑客攻击。我已经尝试了这两种方法，但不幸的是我不能使用 CSS 一种，因为我的页面结构和 JavaScript 不能正确分页。
上面 GitHub 链接中的一个人提到，如果我从源代码编译，这个问题就解决了，但我不知道如何在 Heroku App 上从源代码编译，甚至有可能。我发现的所有构建包都使用二进制文件。
对我的应用程序来说，正确分页非常重要，但我找不到让这个功能正常工作的方法。任何有关如何解决我的问题的建议/指南将不胜感激！
css - CSS列的高度不等于column-break-inside：避免
我有一个不同高度的块列表。
我希望它们使用 css column-count 属性在 3 列中流动。我不希望块被破坏，所以我应用 column-break-inside：避免。问题是当它被应用时，列的高度划分是非常不平等的。
请参阅此代码笔http://codepen.io/KwiZ/pen/PwmXPB。高度划分本来可以更好，比如当我为容器设置固定高度时：http://codepen.io/anon/pen/emWbmm，但当然固定高度是不好的，应该避免。为什么会发生这种情况以及如何使列的高度自然相等？
css - Safari page-break-inside：避免不工作
我对 CSS 有疑问page-break-inside: avoid。我有一些设置了这个 css 属性的打印块，但是 Safari 会破坏任何内容，就像真正的分页符发生一样，而它在我迄今为止测试过的所有其他主要浏览器（当前版本）中都可以使用。
打印块包含哪种类型的内容似乎并不重要，因为我已经看到了这种行为，表格和画布元素都在中间分开。
至于http://css-tricks.com/almanac/properties/p/page-break/和https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties。 html担心它应该可以工作。通过快速搜索无法找到有关此问题的任何其他和最新信息。
我在 Windows 7 和 Safari 5.1.7 上。
html - DOMPDF - 无法让 page-break-inside 工作
我有一个非常简单的页面，其中显示了许多部分。每个部分都有一个标题，然后是一些项目符号。我想这样做，如果整个部分不能放在页面上，那么它会移动到下一页。
为了实现这一点，我将每个部分都包装在一个 div 元素中，就像这样..
我得到的结果是子弹不会在内部破裂（这很好），但是节标题不会与子弹保持一致（这很糟糕）。
任何可以提供的帮助将不胜感激。
这是我正在使用的 PHP 代码：
这是生成的 HTML：
最后，我已经包含了生成的分页符的屏幕截图......
html - html 打印与 page-break-inside:avoid
我在一个页面上有很多 div，其中包含不同数量的内容。我已经page-break-inside: avoid;为这些 div 设置了。现在的问题是我如何重新排序这个 div 以有效地打印。
例如：
打印出来时 - 他们将使用 3 页。是否可以像这样重新排序它们：
这样他们将只使用 2 页纸。
有没有办法重新组织div元素以有效打印？
xml - XSL keep-together 和 page-break-inside 不起作用
我尝试了以下建议，但都没有奏效，我<fo:block>一直在两个内部块之间分裂。
- https://stackoverflow.com/a/8656386/526704
- https://stackoverflow.com/a/2230524/526704
- http://www.antennahouse.com/support/qa/QA/2005061001.html
如何在页面上将两个内部块保持在一起？我正在使用 FO.NET，以防万一。
css - 执行 CSS 以避免分页符的正确方法是什么？
我正在尝试使用 wkhtmltopdf 将此页面变成（有点）好看的 PDF 文档：
到目前为止，我正在使用以下代码：
这基本上是正确的，而且我得到的结果比一开始更好。但是分页符仍然不完全正确。问题树看起来像这样
现在，我已经有了 CSS，它将尽可能避免破坏一个段落（有几个多于一页的段落，但其余的都很好）。但是，它仍然偶尔会在页面底部放置一个节标题，然后将段落移动到下一个段落 - 如果这样做，它还应该移动节标题，而不是拆分它们。
这是 CSS3 中可以解决的问题吗？
[编辑]
这是要求的，不确定它会有多大帮助。
css - Highchart 图表在分页符处被截断
我有一个带有许多条的简单条形图。我采用 highcharts 结果并使用wkhtmltopdf生成 A4 页面大小的 PDF。
问题是分页符总是会砍掉一些这样的结果（分页符的细节）：
如何避免这种情况，而不必将数据拆分为两个或多个图表（对图表进行分页）？
我考虑过设置类似page-break-inside: avoid;bar 的东西（甚至是 svg 的矩形），但我不知道如何在 Highcharts 中做到这一点。
有任何想法吗？