Bagaimana untuk Mencegah Halaman Kosong Tambahan Apabila Mencetak dengan CSS?

Mencegah Halaman Kosong Tambahan Apabila Mencetak dengan CSS

Apabila mencetak dokumen HTML menggunakan sifat CSS, pengguna mungkin menghadapi masalah di mana kosong tambahan halaman dicetak sebelum atau selepas kandungan yang dimaksudkan. Untuk menyelesaikan isu ini, pertimbangkan penyelesaian berikut:

Satu pendekatan ialah menggunakan sifat pemecah halaman dengan nilai sentiasa. Walau bagaimanapun, ini boleh memperkenalkan halaman kosong tambahan sebelum kandungan. Untuk mengelakkan perkara ini, cuba tetapkan pemecah halaman-sebelum kepada sentiasa.

Sebagai alternatif, kaedah yang lebih berkesan ialah menggunakan pertanyaan media khusus untuk tujuan percetakan, seperti:

@media print {
    html, body {
        height: 99%;    
    }
}

Dengan menetapkan ketinggian HTML dan elemen badan kepada 99% dalam pertanyaan media cetak, anda boleh menghapuskan sebarang ruang kosong tambahan yang mungkin menyebabkan halaman tambahan dicetak.

Atas ialah kandungan terperinci Bagaimana untuk Mencegah Halaman Kosong Tambahan Apabila Mencetak dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!