Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Mencetak Hanya Elemen Div Tertentu Menggunakan CSS?

Bagaimanakah Saya Boleh Mencetak Hanya Elemen Div Tertentu Menggunakan CSS?

Mary-Kate Olsenasal: 2024-12-06 09:23:11350semak imbas

How Can I Print Only a Specific Div Element Using CSS?

Mencetak Kandungan Khusus: Mengasingkan
Memasukkan kandungan khusus ke dalam kerja cetakan sambil mengecualikan elemen halaman lain boleh menyusahkan. Untuk menangani perkara ini, CSS menawarkan penyelesaian yang membolehkan anda mencetak hanya
elemen tanpa membuat tetingkap tambahan atau dialog pratonton.

Penyelesaian:

Kod CSS berikut dengan berkesan mengasingkan sasaran

untuk percetakan:

@media print {
  body {
    visibility: hidden;
  }
  #printarea {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }
}

Penjelasan:

Kod ini menggunakan Print Media Query untuk menggunakan gaya secara selektif pada dokumen semasa mencetak. Ia menyembunyikan setiap elemen pada halaman kecuali untuk

Faedah Penyelesaian CSS Sahaja:

Tidak perlu manipulasi tetingkap atau kod tambahan.
Mengekalkan susun atur
bercetak.
Mengelakkan ketidakselesaan pratonton cetakan yang tidak perlu.

Pendekatan Alternatif:

Walaupun CSS menyediakan penyelesaian yang elegan, terdapat pendekatan alternatif:

Manipulasi Paparan: Ini melibatkan tetapan paparan:tiada untuk elemen yang tidak boleh dicetak. Walau bagaimanapun, ia boleh mengganggu reka letak halaman dan memerlukan perubahan struktur.
Kawalan Keterlihatan: Serupa dengan penyelesaian CSS sahaja, tetapi tanpa kedudukan elemen yang tepat.

Pendekatan CSS sahaja menawarkan penyelesaian yang mudah dan berkesan untuk mencetak kandungan tertentu tanpa menjejaskan reka letak atau pengguna pengalaman.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencetak Hanya Elemen Div Tertentu Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

css print for while using this display windows Other

Kenyataan：

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

Artikel sebelumnya：Adakah Terdapat Acara Silang Pelayar untuk Mengesan Muatan Halaman Butang Belakang?Artikel seterusnya：Adakah Terdapat Acara Silang Pelayar untuk Mengesan Muatan Halaman Butang Belakang?

Artikel berkaitan

Lihat lagi