Bagaimanakah Saya Boleh Memaksa Pemecahan Halaman dengan Amanah dalam Pencetakan Google Chrome?-tutorial css-php.cn

Bagaimanakah Saya Boleh Memaksa Pemecahan Halaman dengan Amanah dalam Pencetakan Google Chrome?

Patricia Arquette

Lepaskan： 2024-12-10 02:29:12

asal

923 orang telah melayarinya

How Can I Reliably Force Page Breaks in Google Chrome Printing?

Pecah Halaman dalam Pencetakan Google Chrome

Walaupun ada tuntutan sebaliknya, "pemecahan halaman selepas: sentiasa;" Sifat CSS selalunya gagal memaksa pemisah halaman dalam Google Chrome. Untuk menangani isu ini, pertimbangkan untuk menggunakan pendekatan yang lebih mantap yang telah terbukti berkesan merentas semua penyemak imbas utama, termasuk Chrome.

Penyelesaian yang dicadangkan melibatkan mencipta peraturan CSS media cetak tersuai yang menggunakan kelas "halaman" untuk mengawal halaman rehat. Coretan kod berikut menggambarkan pendekatan ini:

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

Dengan menggunakan kelas "halaman", kaedah ini memastikan kawalan yang tepat ke atas pemisah halaman dalam dokumen. Setiap contoh div "halaman" mewakili halaman yang berasingan, menghasilkan pemisah halaman yang boleh dipercayai apabila dicetak. Penyelesaian ini amat berguna untuk dokumen penomboran di mana setiap halaman harus mengandungi elemen tertentu.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memaksa Pemecahan Halaman dengan Amanah dalam Pencetakan Google Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!