Bagaimana untuk menyembunyikan elemen dalam css

CSS menguasai bahasa Inggeris dalam halaman web, jadi penyembunyian CSS tidak menyembunyikan keseluruhan elemen, tetapi menyembunyikan elemen semasa mencetak. Apabila mencetak halaman web, kita perlu melaraskan gaya supaya ia dipaparkan dengan betul pada kertas. Walau bagaimanapun, terdapat situasi di mana kita mungkin tidak mahu mencetak elemen tertentu halaman web. Nasib baik, CSS menyediakan cara untuk menyembunyikan elemen ini.

Langkah 1: Tentukan kelas CSS untuk elemen yang ingin anda sembunyikan.
Pertama, kita perlu mencipta kelas CSS untuk menyembunyikan elemen yang ingin kita sembunyikan. Contohnya, jika kita ingin menyembunyikan elemen div dengan ID "header", kita boleh mencipta kelas yang dipanggil "no-print" untuk menyembunyikannya. Kita boleh menambah gaya berikut pada fail CSS:

.no-print {
paparan: none;
}

Gaya ini akan menyembunyikan semua aplikasi yang menggunakan "tidak" ini -cetak" " elemen kelas.

Langkah 2: Gunakan kelas CSS pada elemen yang ingin anda sembunyikan
Sekarang kita perlu menggunakan kelas "tiada-cetak" pada elemen yang ingin kita sembunyikan.

Meneju Di Sini

Ini ialah bahagian pengepala.< ;/p>

Elemen div dalam kod di atas kelihatan pada halaman web, tetapi ia tidak akan dicetak semasa mencetak kerana ia menggunakan kategori "tiada-cetak" , kategori ini menyembunyikan elemen semasa mencetak.

Langkah 3: Uji kesan cetakan
Kami boleh menguji sama ada pencetakan berjaya menyembunyikan elemen dalam pratonton cetakan. Jika penyembunyian berjaya, elemen yang ditandakan sebagai "tiada-cetak" tidak akan dicetak apabila halaman dicetak.

Perlu ambil perhatian bahawa penyembunyian ini tidak sempurna, kerana sesetengah pengguna lanjutan boleh menggunakan alat pembangun untuk mengimbangi gaya tersembunyi kami. Walau bagaimanapun, bagi kebanyakan pengguna, kaedah ini masih merupakan cara yang berdaya maju untuk menyembunyikan elemen halaman web.

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan elemen dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!