Bagaimanakah Saya Boleh Paksa Pecah Halaman Apabila Mencetak daripada Google Chrome?-tutorial css-php.cn

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

Barbara Streisand

Lepaskan： 2024-12-14 01:36:10

asal

581 orang telah melayarinya

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>

Salin selepas log masuk

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!