Kuo skiriasi matomumas:paslėptas ir rodinys:none?

CSS taisyklės visibility:hidden ir display:none lemia, kad elementas nėra matomas. Ar tai yra sinonimai?

Kip
Redaguotas klausimas popietr gegužė 2012 в 4:06
Programavimas
css visibility
popietr rugsėjis 2008 в 12:37
27 peržiūros
Sprendimas

display:none reiškia, kad atitinkama žyma iš viso nebus rodoma puslapyje (nors vis tiek galėsite su ja sąveikauti per dom). Jai nebus skirta vietos tarp kitų žymų.

visibility:hidden reiškia, kad priešingai nei display:none, žyma nebus matoma, tačiau jai bus skirta vietos puslapyje. Žyma yra atvaizduojama, tik puslapyje ji nematoma.

Pavyzdžiui:

test | <span style="[style-tag-value]">Appropriate style in this tag</span> | test

Pakeitus [style-tag-value] į display:none gaunama:

test |   | test

Pakeitus [style-tag-value] su visibility:hidden gaunamas rezultatas:

test |                        | test
Kevin Guan
Redaguotas atsakymas popietr vasaris 2016 в 1:29
Komentarai (14)

display:none pašalina elementą iš išdėstymo srauto.

visibility:hidden jį paslepia, bet palieka vietos.

Josh Crozier
Redaguotas atsakymas priešpietr spalis 2013 в 12:01
Komentarai (0)

display: none visiškai pašalina elementą iš puslapio, ir puslapis kuriamas taip, tarsi elemento iš viso nebūtų.

Visibility: hidden palieka elementą dokumento sraute, nors jo ir nebegalima matyti.

Priklausomai nuo to, ką darote, tai gali turėti arba neturėti didelės reikšmės.

Josh Crozier
Redaguotas atsakymas priešpietr spalis 2013 в 12:03
Komentarai (1)