Najmanjša širina - CSS-triki

Anonim

min-widthHotel v CSS se uporablja za nastavitev minimalno širino določenega elementa. min-widthLastnina vedno preglasi widthlastnost ali sledi pred ali po widthv svoji izjavi. Avtorji lahko uporabijo katero koli vrednost dolžine, če so pozitivne vrednosti.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Oglejte si to pisalo!

Bodite pozorni, če predpostavljate, da min-widthje podedovano, saj ta lastnost ne podeduje drugih nadrejenih elementov. Če avtorji določijo širino z absolutno vrednostjo (px, pt, in, cm, mm), najmanjša širina ne bo vplivala, saj je bila širina določena za nedoločen čas. Če na primer kot widthdolžino uporabite min-widthvrednost 200px , vaša vrednost 100px ne bo potrebna, saj ste že določili absolutno vrednost width(tj. 200px). Najboljši način min-widthje, da widthvrednost definirate v odstotkih in uporabite absolutno vrednost za min-widthlastnost, sicer uporabite odstotno vrednost za obe min-widthin widthne boste dobili pričakovanega rezultata.

Podpora brskalnika

Chrome Safari Firefox Opera IE Android iOS
24+ 5.1+ 18+ 12,1+ 8+ 2.1+ 3,2+

Sorodne lastnosti

Almanah 15. januarja 2021

višina

.element ( height: 500px; ) Sara Cope