css - 打印样式表，一页打印并剪掉剩余的文本

Question

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

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

Answer 1

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

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