首頁 > web前端 > css教學 > 從 Google Chrome 列印時如何可靠地強制分頁?

從 Google Chrome 列印時如何可靠地強制分頁?

DDD
發布: 2024-12-10 21:17:17
原創
146 人瀏覽過

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

Google Chrome 列印中的分頁符號

在 Google Chrome 中,在列印過程中實現分頁可能具有挑戰性。儘管文件表明 page-break-after:always; 的有效性,但此方法可能並不總是有效。

解決方案

要在Chrome 中可靠地強制分頁,以下方法已被證明是成功的:

創建一個獨特的

;對於要分解的每個頁面。

將 CSS 類別「page」指派給每個

在CSS 的「print」媒體查詢中,定義以下規則:

div.page {
  page-break-after: always;
  page-break-inside: avoid;
}
登入後複製

例如:

<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>
登入後複製

透過遵循這種方法,您可以確保一致的分頁符號從Google Chrome 列印時,無論內容大小或複雜程度如何。

以上是從 Google Chrome 列印時如何可靠地強制分頁?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板