Rumah > hujung hadapan web > tutorial css > Bolehkah saya Tetapkan Margin Cetakan untuk Halaman HTML Menggunakan CSS?

Bolehkah saya Tetapkan Margin Cetakan untuk Halaman HTML Menggunakan CSS?

DDD
Lepaskan: 2024-11-09 01:24:02
asal
693 orang telah melayarinya

Can I Set Print Margins for HTML Pages Using CSS?

Menetapkan Margin Semasa Mencetak Halaman HTML

Apabila mencetak halaman HTML, anda mungkin perlu melaraskan jidar kiri dan kanan untuk memastikan cetakan mematuhi kepada margin yang ditentukan oleh pencetak anda.

Adakah mungkin untuk menetapkan margin cetakan dalam Helaian gaya CSS?

Ya, anda boleh menetapkan jidar halaman menggunakan unit cm atau mm dalam helaian gaya CSS anda. Contohnya:

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

Menggunakan cm atau mm memastikan saiz jidar yang konsisten pada kertas, tanpa mengira resolusi skrin.

Pertimbangan Tambahan:

  • Saiz Fon: Gunakan unit "pt" untuk saiz fon dalam cetakan media.
  • Pelarasan Margin Penyemak Imbas: Tetapan jidar penyemak imbas (dikawal oleh penyemak imbas atau pemacu cetakan) mungkin mengatasi jidar CSS. Anda boleh melumpuhkan pilihan cetakan penyemak imbas seperti pengepala, pengaki dan jidar menggunakan arahan @halaman.
  • Pelarasan Internet Explorer: IE7 dan kemudiannya secara automatik melaraskan jidar agar sesuai dengan kandungan. Untuk mengatasi ini, tetapkan saiz cetakan kepada 100% dalam pratonton cetakan.
  • Arahan @halaman: Gunakan arahan @halaman untuk menetapkan jidar di luar elemen badan HTML, yang menjejaskan jidar kertas itu sendiri . Walau bagaimanapun, arahan ini mungkin tidak berfungsi dalam Safari.

Contoh Menggunakan badan dan @halaman Arahan:

<code class="css">body {
  margin: 0px;  /* Margin for content within the HTML body */
}

@page {
  size: auto;
  margin: 25mm 25mm 25mm 25mm;  /* Margin for paper outside the body */
}</code>
Salin selepas log masuk

Atas ialah kandungan terperinci Bolehkah saya Tetapkan Margin Cetakan untuk Halaman HTML Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan