Ekran vs Görünürlük özellikleri arasındaki fark nedir?

visibility özelliği yalnızca bir öğe göstermek için olsun ya da olmasın tarayıcı söyler. Ya görünür (visible -) ya da görünmez (hidden - göremezsin).

display özelliği tarayıcı söylernasılçizmek ve gösteri unsuru, eğer - ister olmalı görüntülenen bir inline eleman (yani akar ile metin ve diğer satır içi elemanları) veya blockdüzey öğe (yani var yükseklik ve genişlik özelliklerini ayarlayabilirsiniz, yüzebilen, vb), ya da inline-block (yani görür gibi bir blok kutusu konmuş ama içi yerine) ve bazı Diğerleri (list-item, table, table-row, table-cell, flex, vb).

display: block bir unsur ayarladığınızda amaayrıcatarayıcı hala bir blok öğesi olarak değerlendirir visibility: hidden set, sizce de öyle değiller. Sanki nasıl bir yığın kırmızı kutu üstünde görünmez kutu: kırmızı kutu görünüyor gibi süzülüyor havada zaman içinde bu gerçeklik kendini bir bok sanıyorsun bir fiziksel kutusu Göremezsiniz.

Diğer bir deyişle, bu mu none değil display ile elemanları hala bir sayfa element akışı, görünür olsun veya olmasın, ne olursa olsun etkileyecek demektir. Kutuları display: none ile bir öğe çevreleyen eğer o eleman hiç orada değilmiş gibi davranma DOM kalır rağmen).