Bagaimana untuk Mengawal Margin dalam Percetakan HTML Menggunakan Lembaran Gaya Berasingan?

Kawalan Margin dalam Pencetakan HTML

Apabila menyesuaikan reka letak cetakan halaman HTML, adalah penting untuk mengawal jidar untuk memastikan pemformatan yang betul atas kertas. Soalan ini meneroka penetapan jidar kanan dan kiri menggunakan helaian gaya berasingan yang ditetapkan untuk mencetak.

Untuk mencapai kawalan jidar yang tepat semasa mencetak, adalah penting untuk menggunakan unit mutlak seperti sentimeter (sm) atau milimeter (mm). Piksel, sebaliknya, boleh mengakibatkan margin tidak konsisten disebabkan tafsiran penyemak imbas. Oleh itu, penetapan margin seperti berikut memastikan ketekalan:

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

Begitu juga, untuk saiz fon, adalah dinasihatkan untuk menggunakan titik (pt) untuk media cetak.

Adalah penting untuk ambil perhatian bahawa tetapan margin menggunakan CSS tidak mengubah tetapan margin pemacu pencetak atau margin terkawal penyemak imbas. Sebaliknya, ia melaraskan jidar dalam kawasan boleh cetak dokumen.

Untuk lebih fleksibiliti dalam menentukan jidar kertas, pertimbangkan untuk menggunakan arahan @halaman. Pendekatan ini mempengaruhi margin di luar elemen badan HTML, membenarkan kawalan tepat ke atas output bercetak. Berikut ialah contoh:

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

body {
  margin: 0px;
}</code>

Walau bagaimanapun, perlu dinyatakan bahawa versi Internet Explorer yang lebih lama mungkin melaraskan saiz cetakan secara automatik, yang berpotensi mengganggu tetapan margin. Untuk mengelakkan ini, pengguna harus menentukan saiz cetakan sebagai 100% dalam pratonton cetakan.

Atas ialah kandungan terperinci Bagaimana untuk Mengawal Margin dalam Percetakan HTML Menggunakan Lembaran Gaya Berasingan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!