Bagaimanakah Saya Boleh Paksa Pecah Halaman Apabila Mencetak daripada 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:

  
    <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>
  
  
    <div class="page">
      <h1 id="This-is-Page">This is Page 1</h1>
    </div>
    <div class="page">
      <h1 id="This-is-Page">This is Page 2</h1>
    </div>
    <div class="page">
      <h1 id="This-is-Page">This is Page 3</h1>
    </div>
  

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!