问题标签 [page-break-before]
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 - 如何删除“page-break-before：always”CSS上方的意外空白
有关可重现的示例，请参阅此链接 - https://cbbanalytics.com/stats/27694/games/1864019/overview。在这个页面上，我们已经（通过类print-break）向带有斯坦福标志和文本page-break-before: always的元素添加了一个 CSS ，如下所示。目标是在打印或保存时创建一个整洁的 PDF。<h3>Stanford Team Shot Charts
. . .
打印此页面或保存为 PDF 时，虽然分页符似乎有效，但在此元素上方的第二页顶部添加了一个空白<h3>，我们不确定其来源...：
. . .
当我们按照此处的说明强制打印预览模式时，浏览器中的标题上方/上表下方没有显示这样的空白。
. . . 请注意，在> 元素margin-top: 60px上方的空 div 在打印时隐藏（通过添加到打印的类，删除它并不能解决分页符顶部的空白问题。还有什么可能导致这个空白问题？打印或保存为 PDF 时，此页面的外观完全混乱。<h3hide-printdisplay: nonedivdiv
编辑：当我们删除带有 class= 的元素时controller-navbar-container（顶部的红色条带有团队名称和徽标），分页问题已得到修复。所以也许这就是问题的根源。但是，我们不知道为什么这会导致/修复分页问题。
html - 用于打印 html 页面内容的分页符 css 在 chrome 中不起作用
我试过了
在 html 中，我在目录之后放置了一个 div；在另一个带有打印的目录之前。
通过分离 Firefox 中的内容，这可以完美地工作，但在 chrome 中，所有内容都显示在 .
html - 将 chrome 从 v97 更新到 v98 后，“page-break-before: always”无法正常工作
https://cbbanalytics.com/stats/27694/games/1864019/overview -page-break-before在 chrome 从 v97 更新到 v98 后，此页面上没有按预期工作。在下面的屏幕截图中：
突出显示的<h3>元素具有类print-break，它只是添加了 CSS 样式page-break-before: always。但是，当我们拉起打印窗口（mac 上的 CMD+P）并设置Margins: None时，chrome v98 上的打印中断不正确。在仍然装有 Chrome v97 并且 page-break-before 工作正常的同事的笔记本电脑上。
我们不确定这是 Chrome v98 还是我们网站的 CSS 和 html 的问题。我创建了一个简单的 html 文件，其中只有几个<p>标签和一个 page-break-before，并且分页符在 chrome 本地对我来说效果很好。坦率地说，似乎 chrome 错误地计算了打印的页面大小，分页符从上一页的底部开始，这真是太奇怪了......Margins:从更改None为Default或者Minimum确实解决了这个页面上的问题，但是那里我们网站上的许多页面都page-break-before存在错误，无论打印边距如何。
safari - Safari 之前的分页符
我正在处理打印 css，并且在 Safari 中，属性 page-break-before/after 似乎没有按预期工作。
我想要的是在页面中的所有 h2 之前应用分页符。
任何方向都会有所帮助。提前致谢。