"page-break-before: always" 将 chrome 从 v97 更新到 v98 后无法正常工作
"page-break-before: always" not working as intended after updating chrome from v97 to v98
https://cbbanalytics.com/stats/27694/games/1864019/overview - 在 chrome 从 v97 更新到 v98 后,page-break-before
无法正常工作。在下面的截图中:
突出显示的 <h3>
元素具有 class print-break
,它只是添加了 CSS 样式 page-break-before: always
。但是,当我们拉出打印 window(mac 上的 CMD+P)并设置 Margins: None
时,chrome v98 上的打印中断不正确。在仍然有 Chrome v97 的同事笔记本电脑上,分页前工作正常。
我们不确定这是否是 Chrome v98 或我们网站的 CSS 和 html 的问题。我创建了一个简单的 html 文件,其中只有几个 <p>
标记和一个分页符,分页符在 chrome 中对我来说工作得很好。坦率地说,似乎 chrome 错误地计算了打印的页面大小,分页符从上一页的底部开始真是太奇怪了……从 [=19= 更改 Margins:
] 到 Default
或 Minimum
确实解决了此页面上的问题,但是我们网站上有许多页面 page-break-before
是错误的,无论打印页边距如何。
(1) Meh 选项 - 将 边距: 从 None 更改为 默认 或 Minimum 似乎解决了我们的问题...我们更喜欢 None 将我们网站上的页面保存为 PDF 而无需页面周围有白色边框,但是 Default 看起来还不错,我们可以使用它。
(2) 更好的选择 - 将 width: 100.25%
添加到 div 和 class controller-navbar-container
修复了此页面和站点上所有其他页面上的此问题出色地。我不确定为什么会这样。
https://cbbanalytics.com/stats/27694/games/1864019/overview - 在 chrome 从 v97 更新到 v98 后,page-break-before
无法正常工作。在下面的截图中:
突出显示的 <h3>
元素具有 class print-break
,它只是添加了 CSS 样式 page-break-before: always
。但是,当我们拉出打印 window(mac 上的 CMD+P)并设置 Margins: None
时,chrome v98 上的打印中断不正确。在仍然有 Chrome v97 的同事笔记本电脑上,分页前工作正常。
我们不确定这是否是 Chrome v98 或我们网站的 CSS 和 html 的问题。我创建了一个简单的 html 文件,其中只有几个 <p>
标记和一个分页符,分页符在 chrome 中对我来说工作得很好。坦率地说,似乎 chrome 错误地计算了打印的页面大小,分页符从上一页的底部开始真是太奇怪了……从 [=19= 更改 Margins:
] 到 Default
或 Minimum
确实解决了此页面上的问题,但是我们网站上有许多页面 page-break-before
是错误的,无论打印页边距如何。
(1) Meh 选项 - 将 边距: 从 None 更改为 默认 或 Minimum 似乎解决了我们的问题...我们更喜欢 None 将我们网站上的页面保存为 PDF 而无需页面周围有白色边框,但是 Default 看起来还不错,我们可以使用它。
(2) 更好的选择 - 将 width: 100.25%
添加到 div 和 class controller-navbar-container
修复了此页面和站点上所有其他页面上的此问题出色地。我不确定为什么会这样。