Praneškite apie mus:


CSS rodymas

0

Su display parametru ir jo reikšmėmis galime išgauti labai skirtingų html elemento atvaizdavimų. Galime atvaizduoti kelis paragrafus kaip vieną, padaryti objektus nematomus ir kt.



Pagrindinės vartojamos reikšmės

Parametras Reikšmė
display:block;
Atvaizduoti
visibility:hidden; Paslėpti, tačiau vietą elementas užima
display:none; Neatvaizduoti, vietos neužimti
display:inline;
Atvaizduoti vieną paskui kitą

 

display: block; ir display:inline;

Atvaizduojamas elementas užima visą galimą plotį, virš savęs ir po turi po perėjimą į naują eilutę. Block tipo elementai yra tokie kaip <div>, <h1>, <p>.

inline pavyzdys

pabandyk_pats

 

Tas pats pavyzdys tik su block

pabandyk_pats

 

Su inline reikšme elementai buvo išdėlioti vienas paskui kitą horizontaliai, tuo tarpu su block reikšme elementai išsiplėtė per visą galimą plotį ir todėl atsirado vienas po kitu.

 

visibility:hidden; ir display:none;

Visibility:hidden; paslepia elementą, tačiau jis užima savo vietą kaip ir įprastai, o display:none; išjungia elemento rodymą ir jis nebeužima vietos.

 

visibility:hidden pavyzdys

pabandyk_pats

 

display:none pavyzdys

pabandyk_pats

 

Pažiūrėję abu pavyzdžius akivaizdžiai matome kuo skriasi šie parametrai.

Perskaityta: 3479 kartų

Lukas
Autorius: Lukas
El. paštas.: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn
Raktažodžiai
css    pazengusiems    display    visibility    block    none    hidden    inline   
Patinka straipsnis?
Komentarai

Komentarų nėra. Norėdami komentuoti turite prisijungti