Google Chrome から印刷するときに改ページを強制するにはどうすればよいですか?-CSSチュートリアル-php.cn

ホームページ

ウェブフロントエンド

CSSチュートリアル

Google Chrome から印刷するときに改ページを強制するにはどうすればよいですか?

Barbara Streisand

Dec 14, 2024 am 01:36 AM

How Can I Force Page Breaks When Printing from Google Chrome?

Google Chrome 印刷での改ページ

Google Chrome で Web ページを印刷する場合、特定の位置で強制的に改ページする必要がある場合があります。文書。 CSS プロパティ page-break-after: always;一般に推奨されていますが、ユーザーは Chrome でこれを実装するのが困難になることがよくあります。

Chrome 印刷で効果的に改ページを強制するには、次のアプローチを検討してください:

<!DOCTYPE html>

<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <title>Paginated HTML</title>
    <style type="text/css" media="print">
      div.page {
        page-break-after: always;
        page-break-inside: avoid;
      }
    </style>
  </head>
  <body>
    <div class="page">
      <h1>This is Page 1</h1>
    </div>
    <div class="page">
      <h1>This is Page 2</h1>
    </div>
    <div class="page">
      <h1>This is Page 3</h1>
    </div>
  </body>
</html>

ログイン後にコピー

この例では、各ページはカプセル化されています。

内;要素にはクラス「ページ」が割り当てられました。 CSS メディアクエリは印刷コンテキストをターゲットにし、「page」クラスの要素の後に改ページが必要であることを指定します。さらに、page-break-inside: 回避します。このルールにより、ページ内のコンテンツが複数の印刷ページにまたがることが防止されます。

このアプローチを実装すると、Google Chrome を使用するときに印刷ドキュメント内の適切な位置で改ページが確実に行われるようになります。

以上がGoogle Chrome から印刷するときに改ページを強制するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。