画面に表示して紙に印刷する必要があるダッシュボードがあります。グリッドを形成する日付といくつかの色付きのブロックがあります。
画面上では、すべてが正しく見えます。しかし、紙に印刷しようとすると、十分なスペースが残っているにもかかわらず、行が間違った場所で壊れてしまいます。グリッドを小さくしようとしましたが、それが起こり続け、改行が間違って導入されます。
この問題は Firefox でのみ発生します。Safari と Chrome は正常に動作しています。私はまだIEをテストしていません。
ここに、問題を示すスクリーンショットがいくつかあります。
これは、画面に表示される方法です。
これは、(紙/pdfに)印刷したときの外観です。
このリンクでは、私が書いた html と css を見ることができます:ソース コード
何かアドバイス?