Praneškite apie mus:


CSS rodymas

Įvertink
(0 balsai)
1 1

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.

Atnaujinimo Data: Pirmadienis, Lapkričio 08, 2010
Lukas

Lukas

Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn

E-mail: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Login to post comments