Bagaimana untuk menyembunyikan div dalam css

Cara menyembunyikan div dalam css: 1. Sembunyikan div melalui "display:none"; 2. Sembunyikan div melalui "visibility:hidden";

Persekitaran pengendalian artikel ini: sistem windows7, versi HTML5&&CSS3, komputer DELL G3

Bagaimana untuk menyembunyikan div dengan css?

Tiga cara untuk menyembunyikan Div dalam CSS

Atribut paparan dan keterlihatan dalam CSS boleh menyembunyikan dan menunjukkan elemen html termasuk lapisan div

1:

display:none|block
display:none

Sembunyikan html fail Untuk tepat, elemen itu jelas dalam penyemak imbas dan tidak menduduki ruang skrin Jika terdapat elemen lain di bawahnya, ia akan dialihkan ke kawasan ruang

display:block

Tunjukkan elemen html tersembunyi

Jika elemen lain menduduki ruang, ia akan bergerak ke bawah dan

ruang akan diduduki oleh elemen asal semula

Dua:

visibility:hidden|visible
visibility:hidden

Sembunyikan elemen, benar-benar tersembunyi, tetapi ia masih mengambil ruang itu

visibility:visible

Biarkan elemen dipaparkan

Apabila keterlihatan elemen Selepas atribut ditetapkan kepada nilai runtuh, untuk elemen biasa, kelakuannya adalah sama seperti tersembunyi.

1. Dalam chrome, tiada perbezaan antara menggunakan nilai runtuh dan menggunakan tersembunyi.

2 Firefox, Opera dan IE, tiada perbezaan antara menggunakan nilai runtuh dan paparan: tiada.

Tiga:

opacity:0

atribut kelegapan Saya percaya semua orang tahu ketelusan elemen tersebut, dan selepas menetapkan ketelusan elemen kepada 0, elemen itu juga tersembunyi di mata kami pengguna. Ini adalah cara untuk menyembunyikan elemen. Satu perkara yang persamaan kaedah ini dengan visibility:hidden ialah elemen masih menempati ruang selepas disembunyikan, tetapi kita semua tahu bahawa selepas menetapkan ketelusan kepada 0, elemen itu hanya tidak kelihatan dan ia masih wujud pada halaman.

Jadi paparan dan kawalan keterlihatan sama ada elemen html wujud dan sama ada ia dipaparkan masing-masing

Atribut paparan menentukan sama ada elemen itu wujud atau tidak

manakala atribut keterlihatan hanya mengawal yang Sama ada elemen dipaparkan sebenarnya masih wujud

Elemen kelegapan tersembunyi, tetapi ia masih wujud pada halaman

[Pembelajaran yang disyorkan:tutorial video css]

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