Mengapa Halaman Kosong Tambahan Muncul Apabila Saya Mencetak Dokumen HTML Saya?

Cara Mencegah Halaman Kosong Tambahan Semasa Mencetak

Apabila mencetak dokumen HTML, anda mungkin menghadapi isu di mana halaman kosong tambahan muncul sama ada sebelum atau selepas kandungan yang dimaksudkan. Ini boleh mengecewakan dan membazir kertas berharga. Untuk menyelesaikan isu ini, kami membentangkan penyelesaian yang melibatkan pertanyaan media CSS dan pelarasan ketinggian halaman. Mari kita mendalami butirannya:

Dalam kod HTML yang anda berikan, anda menggunakan sifat CSS page-break-after: always; untuk memaksa pemecahan halaman selepas setiap .print div. Walau bagaimanapun, pendekatan ini boleh menyebabkan halaman kosong tambahan dicetak pada permulaan atau penghujung dokumen.

Untuk mengelakkan perkara ini, pertimbangkan untuk menggunakan pertanyaan media untuk menyasarkan helaian gaya cetakan. Begini cara anda boleh melaksanakan ini:

<code class="css">@media print {
    html, body {
        height: 99%;    
    }
}</code>

Dalam pertanyaan media ini, kami menetapkan ketinggian elemen html dan badan kepada 99%. Ini memastikan kandungan itu tersebar merentasi berbilang halaman jika perlu, menghalang halaman kosong daripada dijana pada penghujungnya.

Dengan melaraskan ketinggian halaman, kami boleh mengawal jumlah ruang yang tersedia untuk pencetakan. Ini menghalang halaman kosong tambahan daripada ditambahkan tanpa perlu, menghasilkan pencetakan yang cekap dan menjimatkan kertas.

Atas ialah kandungan terperinci Mengapa Halaman Kosong Tambahan Muncul Apabila Saya Mencetak Dokumen HTML Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!