Bagaimana untuk Menetapkan Margin untuk Mencetak Halaman HTML?

Cara Menetapkan Margin semasa Mencetak Halaman HTML

Apabila menggunakan helaian gaya yang berasingan untuk mencetak, adalah penting untuk melaraskan margin untuk pembentangan yang optimum di atas kertas. Walau bagaimanapun, cara untuk menetapkan margin dengan betul dalam helaian gaya tidak selalunya jelas. Untuk memastikan jidar yang konsisten, adalah penting untuk menggunakan unit mutlak seperti sentimeter (cm) atau milimeter (mm) apabila menyatakan untuk mencetak.

Sebagai contoh, untuk menetapkan jidar 25mm pada semua sisi dokumen:

body {
  margin: 25mm 25mm 25mm 25mm;
}

Perhatikan bahawa penggunaan piksel untuk jidar boleh menyebabkan ketidakkonsistenan kerana penyemak imbas menterjemahkannya kepada nilai berasaskan skrin.

Untuk saiz fon, gunakan titik (pt) dalam media cetak.

Adalah penting untuk ambil perhatian bahawa menetapkan margin pada elemen badan dalam gaya CSS tidak menjejaskan margin yang dikawal oleh pemacu pencetak atau penyemak imbas. Ia melaraskan jidar pada dokumen dalam kawasan boleh cetak.

Untuk kawalan sepenuhnya ke atas jidar bercetak, gunakan arahan @halaman untuk menetapkan jidar kertas. Ini menjejaskan jidar di luar elemen badan HTML dan biasanya dikawal oleh penyemak imbas.

Berikut ialah contoh menggunakan arahan @halaman:

@page {
    size: auto;
    margin: 25mm 25mm 25mm 25mm;
}

body {
    margin: 0px;
}

Teknik ini berfungsi dalam semua penyemak imbas utama kecuali Safari . Dalam Internet Explorer, pengguna boleh melaraskan jidar dalam tetapan pratonton cetakan.

Selain itu, ambil perhatian bahawa IE7 melaraskan saiz cetakan secara automatik agar sesuai dengan halaman, yang boleh mengganggu jidar yang dikonfigurasikan. Pengguna mesti menetapkan saiz cetakan kepada 100% dalam pratonton cetakan untuk mengatasi tingkah laku ini.

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