Firefox只打印第1页

Question

我正在为一个网站打印友好的CSS.它在IE中完美预览/打印,但Firefox(版本3.6)仅预览/打印第一页.

有人知道通常会导致这种情况吗？标记相当复杂,所以我不知道从哪里开始!

谢谢.

编辑

这个解决方案只会让事情更糟.

https://support.mozilla.com/ga-IE/questions/667285#answer-115916

看起来打印只是糟透了FF.客户不愿意听到 - 希望他们不使用FF!

Answer 1

我刚刚从一个元素中找到了

display:inline-block; 

只打印第一页,然后隐藏其他页面.将此设置为

display:block;

在我的情况下是解决方案.

Answer 2

我遇到了同样的问题.事实证明,根标签就display: flex在上面.将此更改为后display: block,将显示其余内容.我建议你上DOM树并检查每个display属性.

Answer 3

如果您不想浏览所有代码,那么这是我发现的唯一可以帮助我而不会弄乱我所有其他CSS的东西:

@media print {
  body {
    overflow: visible !important;
  }
}

Answer 4

我为此尝试了十几个修复,最后,我需要的是:

@media print {
  body {
    display: block;
  }
}

Answer 5

打印绝对定位元素的长期存在的错误在Firefox 3 中得到了修复。

错误 521204中跟踪了缺失页面的问题（查看“取决于”列表）。您要打印的页面上是否有框架或长表格？

是的，Firefox 中的打印功能不足，抱歉您必须处理它......

Answer 6

我有同样的问题,因为height中body设置为100%,我修改后height: auto的我print.css,它的工作.

@media print {
  body {
    height: auto;
  }
}

Answer 7

经过大量的研究和反复试验，我发现这篇文章是由 A list 分开的。我对此表示怀疑，因为它太旧了，但它指出：

\n\n

\n

如果浮动元素经过打印页面的底部，则浮动的其余部分将有效消失，因为它不会\xe2\x80\x99 打印在下一页上。

\n

\n\n

因为我有一个大的漂浮容器，我想我应该尝试一下。因此，我将其他答案和本文结合起来，得出了以下结论：

\n\n

body { \n    overflow: visible !important; \n    overflow-x: visible !important; \n    overflow-y: visible !important; \n}\n\n/*this is because I use angular and have this particular layout*/\nbody > .fade-ng-cloak { \n    height: 100%; \n    display: block;\n    flex: none;\n    float: none;\n}\n.l-content,\n.l-sidebar {\n    float: none;\n}\n

\n\n

所以基本上：

\n\n

\n
1. 将主体设置为overflow: visible
\n
2. 将充当包装器的元素设置为display: block，消除所有flex样式并在必要时重置高度
\n
3. 消除float长容器
\n

\n\n

这种混合对我有用！我很高兴我想我会分享:)

\n

Answer 8

对我来说（引导程序 4）解决方案是

@media print {
    .row {
      display: block;
    }
}