Min. šírka - Triky CSS

Anonim

min-widthNehnuteľnosť v CSS slúži na nastavenie šírky minimálnej špecifikovanej prvku. min-widthVlastnosť vždy prepíše widthvlastnosť, či nasleduje pred alebo po widthvo svojom vyhlásení. Autori môžu použiť ktorúkoľvek z hodnôt dĺžky, pokiaľ sú kladné.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Vyskúšajte toto pero!

Majte na pamäti, keď sa predpokladá, že min-widthsa dedí, pretože táto vlastnosť nededí z iných nadradených prvkov. Ak autori definujú šírku pomocou absolútnej hodnoty (px, pt, in, cm, mm), minimálna šírka nebude mať vplyv, pretože šírka bola definovaná na neurčito. Napríklad, ak sa ako widthdĺžka použije min-widthhodnota 200 pixelov, nebude vaša hodnota 100 pixelov nevyhnutná, pretože ste už zadali absolútnu hodnotu width(tj. 200 pixelov ). Najlepší spôsob použitia min-widthje definovať widthhodnotu ako percento a pre min-widthnehnuteľnosť použiť absolútnu hodnotu, inak by sa pre obidve hodnoty použili percentuálne hodnoty min-widtha widthnepriniesli by očakávaný výsledok.

Podpora prehliadača

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

Súvisiace vlastnosti

Almanach 15. januára 2021

výška

.element ( height: 500px; ) Sara Cope