Bagaimanakah Saya Boleh Mencetak Div ​​Tertentu Hanya Menggunakan CSS Tanpa Menjejaskan Halaman Selebihnya?

Mencetak Div ​​Khusus Tanpa Menjejaskan Kandungan Halaman Lain

Tugas mencetak div tertentu tanpa mengganggu kandungan halaman yang lain boleh dicapai menggunakan CSS. Begini cara anda boleh mencapai ini:

Penyelesaian CSS Sahaja:

Laksanakan blok kod CSS berikut:

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

Bagaimana ia Berfungsi:

Pertanyaan media CSS ini mengaktifkan gaya tertentu apabila halaman sedang dicetak. Ia menyembunyikan keseluruhan elemen badan, meninggalkan hanya div dengan id "bahagian-untuk-cetak" kelihatan. Selain itu, div itu diletakkan secara mutlak di penjuru kiri sebelah atas halaman, memastikan ia dicetak dengan betul.

Faedah Menggunakan CSS:

• Mudah dan penyelesaian yang boleh dipercayai yang memerlukan pengekodan minimum.
• Sifat keterlihatan CSS menyokong kedua-dua warisan dan keturunan, membolehkan anda untuk menyembunyikan atau menunjukkan unsur secara selektif.
• Kedudukan mutlak menyediakan kawalan ke atas reka letak bercetak, memastikan cetakan div yang diingini dicetak dengan betul.

Nota: Sentiasa uji cetakan anda gaya dalam pratonton cetakan penyemak imbas anda untuk mengesahkan ia berfungsi seperti yang dimaksudkan. Pendekatan alternatif, seperti menggunakan display:none, boleh menjadi lebih kompleks dan mungkin memerlukan perubahan pada struktur halaman anda.

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