打印样式表，一页打印并截断剩余文本

Question

我正在处理可打印的事件列表，打印机可以打印一页，但会切断底部的一些文本，然后打印第二个空白页

我已经尝试了我所知道的一切，但不知所措。

原文由 mjr 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 print.css 中，在 overflow: auto 上设置 overflow: visible 而不是 div#content 。至少在 Firefox 中为我解决了这个问题。溢出自动的定义是：“如果溢出被剪裁，则应添加滚动条以查看其余内容”——但打印页面上不存在滚动条。

我猜测由于内容 div 应该跨越多个页面，浏览器会认为“你在容器之外流动，必须用滚动条剪辑”。在这种情况下，容器是内容 div 出现的第一页。

原文由 CalebD 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我知道这是一个老问题，但这是另一种可能发生的更新方式。

检查您是否在剪辑元素上使用 display: flex; 。这是我的问题，将其设置为 block 修复了它。

原文由 red-X 发布，翻译遵循 CC BY-SA 3.0 许可协议