Html 打印（到纸上）用div构建的网格-换行错误

我有一个仪表板，我必须显示在屏幕上并打印到纸上。它有日期和一些彩色块，形成一个网格

在屏幕上，一切看起来都正常。但当我试图打印到纸上时，行在错误的位置被打断，即使还有足够的空间。我曾尝试过缩小网格，但这种情况不断发生，断线引入错误

我只在Firefox中有这个问题。Safari和Chrome工作正常。我还没有测试IE

这里有一些显示问题的屏幕截图

这是它在屏幕上的显示方式：

这是打印时的外观（纸质/pdf）：

在这个链接中，您可以看到我编写的html和css：

---

有什么建议吗？

尝试不要在主容器中使用像素宽度，而是使用100%