Bagaimanakah Saya Boleh Menghapuskan Pengepala dan Pengaki Semasa Mencetak Dokumen Menggunakan window.print()?

Hapuskan Pengepala dan Pengaki dalam Dokumen Bercetak dengan window.print()

Kelakuan lalai bagi fungsi window.print() termasuk pencetakan pengepala dan pengaki yang memaparkan maklumat berkaitan halaman seperti tajuk, laluan, nombor dan tarikh. Mengalih keluar elemen ini boleh meningkatkan estetika pencetakan.

Semasa cuba menekan pengepala dan pengaki dengan helaian gaya cetakan, anda menghadapi kesukaran. Penyelesaian yang berkesan untuk menyelesaikan isu ini wujud.

Dalam Google Chrome, anda boleh melumpuhkan pengepala/pengaki automatik dengan memasukkan kod berikut ke dalam CSS anda:

@page { margin: 0; }

Dengan menetapkan margin kepada sifar, kandungan bercetak meluas dengan lancar ke had halaman, menghapuskan keperluan untuk pengepala atau pengaki. Untuk mengelakkan kandungan daripada sampai ke tepi halaman, nyatakan jidar dan pelapik yang sesuai dalam elemen badan anda:

@media print {
  @page { margin: 0; }
  body { margin: 1.6cm; }
}

Awas: Apabila berurusan dengan kandungan berbilang bahagian yang memerlukan berbilang halaman, pendekatan ini mungkin mengakibatkan kekurangan estetik. Hanya halaman pertama dan terakhir akan mempunyai jidar yang dimaksudkan, manakala halaman perantaraan akan kekurangan kedua-dua jidar atas dan bawah.

Penyelesaian ini, walaupun berkesan dalam Chrome pada masa jawapan ini (Mei 2013), mungkin memerlukan lebih lanjut menguji keserasian dengan pelayar lain. Jika sokongan merentas penyemak imbas adalah penting, menjana PDF dengan segera dan mencetaknya (berpotensi dengan JavaScript pencetakan sendiri terbenam) kekal sebagai alternatif yang boleh dilaksanakan tetapi memerlukan tenaga kerja.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghapuskan Pengepala dan Pengaki Semasa Mencetak Dokumen Menggunakan window.print()?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!