Programavimo mokymasis: kuo skiriasi matomumas: paslėptas ir ekranas: jokio?


Atsakymas 1:

matomumas dar nepalieka vietos elementui puslapyje. Tai nepašalina jo iš puslapio.

nerodomas elementas pašalinamas iš įprasto puslapio srauto, leidžiant užpildyti kitus elementus. Jį vis tiek galima pasiekti per DOM.

Tai nėra išsamus paaiškinimas, tačiau to pakanka, kad galėtumėte pradėti.


Atsakymas 2:

Naudojant ekraną: jokio, efektas būtų toks pats, lyg jūs ką tik ištrintumėte elementą iš tinklalapio visiškai.

Naršyklė netaps elemento ar vaikų, nors jis vis tiek bus, ir jūs galite jį modifikuoti naudodami CSS arba „JavaScript“.

Pažvelkime į pavyzdį.

HTML:

Pirmasis
Antrasis
Trečiasis

Ir CSS:

.box1, .box-2, .box-3 {
    aukštis: 30 taškų;
}

.box-2 {
    ekranas: nėra;
}

Jei paleisite šį kodą, pamatysite, kad naršyklė rodo pirmą ir trečią dalyklius, tuo pačiu veikdami taip, tarsi antrosios divizijos nėra.

Dabar, užuot rodę: jokio, įdėkite matomumą: paslėpkite ten.

Greitai pamatysite, kad tarp šių dviejų langelių yra 30 taškų atotrūkis. Tai reiškia, kad žiniatinklio naršyklė vis dar pateikia elementą, tačiau jis nematomas. Jis stovi vietoje, užima vietą ir nėra visiškai pašalintas iš tinklalapio, kaip ir rodomas ekrane: jo nėra