Bagaimana untuk Mengawal Margin Halaman Semasa Mencetak Dokumen HTML?

Kawal Margin Halaman untuk Mencetak Dokumen HTML

Apabila mencetak halaman HTML, selalunya wajar untuk mengawal jidar untuk memastikan pemformatan yang betul pada kertas. Walau bagaimanapun, menetapkan margin dalam helaian gaya konvensional mungkin tidak mempunyai kesan yang dimaksudkan.

Cara Menentukan Margin untuk Cetakan

Untuk menentukan margin khusus untuk output bercetak, ia adalah disyorkan untuk menggunakan unit seperti sentimeter (cm) atau milimeter (mm) dan bukannya piksel. Piksel diterjemahkan secara berbeza oleh penyemak imbas dan mungkin tidak menghasilkan hasil yang konsisten di atas kertas. Untuk ketekalan, gunakan kod berikut:

<code class="css">body {
  margin: 25mm 25mm 25mm 25mm;
}</code>

Nota: Ini tidak melaraskan kawasan boleh cetak pencetak atau jidar dikawal penyemak imbas.

Saiz Fon dalam Cetakan

Untuk saiz fon, gunakan titik (pt) dan bukannya piksel dalam media cetak:

<code class="css">p {
  font-size: 10pt;
}</code>

Mengawal Margin dengan Arahan @page

Untuk kawalan penuh ke atas jidar bercetak, termasuk yang di luar kandungan HTML, gunakan arahan @halaman:

<code class="css">@page {
  margin: 25mm 25mm 25mm 25mm;
}</code>

Kaedah ini mempengaruhi tetapan jidar pencetak, tetapi pengguna masih boleh mengubah suainya dalam pratonton cetakan.

Pertimbangan Penyemak Imbas

Berhati-hati bahawa sesetengah penyemak imbas, seperti IE7 dan ke atas, melaraskan saiz halaman secara automatik untuk kesesuaian yang optimum, yang berpotensi memesongkan output cetakan. Untuk mengatasi ini, pengguna harus memilih "Pratonton Cetak" dan tetapkan saiz cetakan kepada 100%.

Sumber Berkaitan

Untuk perbincangan lanjut tentang melumpuhkan pilihan pencetakan penyemak imbas, rujuk kepada respons berikut: https://stackoverflow.com/questions/3780990/disabling-browser-print-options-headers-footers-margins-from-page

Atas ialah kandungan terperinci Bagaimana untuk Mengawal Margin Halaman Semasa Mencetak Dokumen HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!