如何在 Chrome 和 Safari 中指定分页符?

Posted

技术标签:

【中文标题】如何在 Chrome 和 Safari 中指定分页符?【英文标题】:How can I specify page breaks in Chrome and Safari? 【发布时间】:2013-01-26 04:11:59 【问题描述】:

我想在我的网站上添加分页符,这样当用户尝试打印页面时,其他元素就不会被切成两半。我已经尝试添加 css "page-break-after: always",但它只适用于 Firefox,找不到任何其他解决方案。

有几个类似的问题(一个在这里:Google Chrome Printing Page Breaks)但它们已经很老了(2009 年),解决方案不再有效。

有人知道用当前版本的 Safari 和 Chrome 执行此操作的方法吗?

【问题讨论】:

【参考方案1】:

我遇到了类似的问题,但我最终找到了解决方案。我有溢出-x:隐藏;应用于标签,所以无论我在 DOM 下面做什么,它都不会允许分页符。通过恢复到溢出-x:可见;效果很好。

希望这对那里的人有所帮助。

【讨论】:

以上是关于如何在 Chrome 和 Safari 中指定分页符?的主要内容,如果未能解决你的问题,请参考以下文章

如何检测没有 chrome 的移动 safari?

如何在 chrome、safari、opera 等 webkit 浏览器中删除 c fakepath?

如何使为 Firefox 浏览器开发的网站与 Safari 和 Chrome 兼容?

使用 FireFox、Safari 和 Chrome 在剪贴板上复制/放置文本

使用 JavaScript 获取图像的真实宽度和高度? (在 Safari/Chrome 中)

Chrome 和 Safari 中的双边框间距