Firefox只打印第一页，其他浏览器都正常。

Question

最新版本的Firefox（在Windows中）的打印预览界面如下所示： 本应显示两页，但只显示了第一页。正如您所看到的，第二页的标志被切断了。可能的原因是什么？

- Paliza

---

预期的行为是什么？ - m13r

每页都有标志的两页。 - Paliza

请分享更多细节，例如您正在使用的代码。 - Nico Haase

Answer 1

Firefox之前的版本在打印长表格和包含绝对定位元素的iframe时存在问题。

如果您没有看到这些元素，我建议您使用display:table或display:flex检查此元素，并毫不犹豫地将其仅在@media print中更改为display:block。

另一个头疼的问题可能来自于overflow属性。找到具有overflow:scroll或overflow:hidden的元素，并当然在@media print中写入overflow:visible。

我的翻译就到这里。

- Jivan

---

我花了将近两天时间，最终将显示方式更改为“block”才成功。我无法表达我现在有多么开心。非常感谢你们，感谢 Stack Overflow 团队。 - Paliza

我不得不删除display:flex和display:-webkit-box。 - Pino

Flexbox 在 Firefox Dev 上也给我带来了问题！谢谢！ - Renrhaf

Answer 2

我也遇到了Firefox只能打印第一页的问题。

在我的情况下，原因是：

float: right;

问题是什么？当设置浮动时，Firefox打印空白的第二页。

为了解决这个问题，我不得不在CSS中使用以下代码（例如）：

@media print {
  div.example {
      float:none;
  }
}

- Krzysztof Kaliński

---

使用Bootstrap3时，在<div class="col-...">中放置表格时遇到了同样的问题。感谢提供float:none;的提示！ - antman3351

Answer 3

在这里，我配置了CSS文件仅在屏幕上加载，问题得到解决。

<link href="../css/sb-admin-2.min.css" rel="stylesheet" media="screen">

- Mateus Machado

Answer 4

我曾经遇到同样的问题，问题在于bootstrap添加了break-inside: avoid到<tr>中。
所以我加了一句table { tr { break-inside: auto }，这解决了我的问题。

- Vugar Abdullayev