Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Paksa Pecah Halaman Apabila Mencetak daripada Google Chrome?

Bagaimanakah Saya Boleh Paksa Pecah Halaman Apabila Mencetak daripada Google Chrome?

Barbara Streisand
Barbara Streisandasal
2024-12-14 01:36:10580semak imbas

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

Pecah Halaman dalam Pencetakan Google Chrome

Apabila mencetak halaman web dalam Google Chrome, pemisah halaman mungkin perlu dipaksa pada titik tertentu dalam dokumen itu. Manakala CSS property page-break-after: always; biasanya disyorkan, pengguna sering menghadapi kesukaran untuk melaksanakannya dalam Chrome.

Untuk memaksa pemisah halaman secara berkesan dalam pencetakan Chrome, pertimbangkan pendekatan berikut:

<!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>

Dalam contoh ini, setiap halaman dikapsulkan dalam

elemen memberikan kelas "halaman." Pertanyaan media CSS menyasarkan konteks cetakan dan menentukan bahawa elemen dengan kelas "halaman" harus mempunyai pemisah halaman selepasnya. Selain itu, page-break-inside: elakkan; peraturan menghalang sebarang kandungan dalam halaman daripada merentangi berbilang halaman bercetak.

Dengan melaksanakan pendekatan ini, anda boleh memastikan pemisah halaman berlaku pada titik yang dikehendaki dalam dokumen cetakan anda apabila menggunakan Google Chrome.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Paksa Pecah Halaman Apabila Mencetak daripada Google Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn