Bolehkah Anda Menentukan Margin Cetakan Dalam Lembaran Gaya CSS?

Menyesuaikan Margin Halaman untuk Mencetak Halaman HTML

Apabila mencetak halaman HTML, anda mungkin menghadapi keperluan untuk melaraskan margin halaman untuk memastikan cetakan yang optimum keputusan. Semasa menggunakan helaian gaya yang berasingan untuk mencetak adalah amalan biasa, persoalan timbul: bolehkah anda menentukan margin cetakan dalam helaian gaya ini untuk mengawal jidar pada dokumen yang dicetak?

Jawapannya terletak pada penggunaan unit tertentu semasa mentakrifkan jidar untuk percetakan. Untuk memastikan saiz yang konsisten pada kertas, anda harus menggunakan sentimeter (cm) atau milimeter (mm) dan bukannya piksel. Sebagai contoh, kod CSS berikut akan menetapkan margin 25mm pada semua sisi:

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

Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa menetapkan margin dalam gaya CSS tidak mengubah suai margin pemacu pencetak atau yang dikawal oleh pelayar. Ia semata-mata mentakrifkan jidar dalam kawasan boleh cetak dokumen.

Internet Explorer 7 dan kemudiannya melaraskan saiz fon secara automatik agar sesuai dengan halaman, yang boleh mengganggu jidar cetakan. Untuk mengatasi tingkah laku ini, ingatkan pengguna untuk memilih "Pratonton cetak" dan laraskan saiz cetakan kepada 100%.

Untuk kawalan yang lebih besar ke atas jidar bercetak, pertimbangkan untuk menggunakan arahan @halaman. Arahan ini menjejaskan margin pada kertas di luar elemen badan HTML, yang biasanya dikawal oleh penyemak imbas. Kod berikut menunjukkan penggunaannya:

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

Arahan ini pada masa ini berfungsi dalam semua penyemak imbas utama kecuali Safari. Dalam Internet Explorer, margin pada mulanya ditetapkan kepada nilai ini dalam tetapan cetakan, tetapi pengguna boleh mengubah suainya dalam pratonton.

Atas ialah kandungan terperinci Bolehkah Anda Menentukan Margin Cetakan Dalam Lembaran Gaya CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!