css - cssを使用してWebページと同じように印刷プレビューを表示するにはどうすればよいですか？

Question

ヘッダーとフッターを含むテーブルに5行を含むWebページを作成しました。テーブルは、文字がそれを超えると長くなりますが、1ページに収まります。1行にそれぞれ250文字の制限があります。行にいくつかの行が含まれている場合100文字で、テーブルの5行が伸びてページに収まりますが、印刷プレビュー、テーブル分割、および3行目の半分が最初のページと2番目のページに表示され、残りの2行が次のページに表示されます。メインページに別々の外部CSSを使用し、印刷プレビューに別の外部CSSを使用します。解決方法は？。助けてください。

Answer 1

簡単に言うと、ローカルOSウィンドウであるためトリガーできませんPrint Preview。ユーザーが印刷する前に、別のHTMLドキュメントを作成し、このようなファイルに特定のスタイルシート（既に使用している）を印刷することができます。

<link rel="stylesheet" href="#" type="text/css" media="print" />

また、ページ分割を自分で制御したい場合は、これを使用してください

@media print {
    whatever {
       page-break-after:always
    }
}