ホームページ >ウェブフロントエンド >CSSチュートリアル >Google Chrome から印刷するときに改ページを強制するにはどうすればよいですか?
Google Chrome から印刷するときに改ページを強制するにはどうすればよいですか?
- Barbara Streisandオリジナル
- 2024-12-14 01:36:10579ブラウズ
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 までご連絡ください。