2

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:从更改NoneDefault或者Minimum确实解决了这个页面上的问题,但是那里我们网站上的许多页面都page-break-before存在错误,无论打印边距如何。

4

1 回答 1

1

(1) Meh 选项 - 更改边距:NoneDefaultMinimum似乎解决了我们的问题...我们更喜欢None将我们网站上的页面保存为 PDF,页面周围没有白色边框,但是Default看起来很好,否则我们可以使用它。

(2) 更好的选择 - 添加width: 100.25%到带有类的 div 可以controller-navbar-container 解决此页面以及网站上所有其他页面上的此问题。我不确定为什么会这样。

于 2022-02-08T10:31:18.727 回答