Rumah >hujung hadapan web >tutorial css >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:
<!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
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!