Min. šířka - Triky CSS

Anonim

min-widthNemovitost v CSS slouží k nastavení šířky minimální specifikované prvku. min-widthVlastnost vždy přepíše widthvlastnost, zda následuje před nebo po widthve svém prohlášení. Autoři mohou použít kteroukoli z hodnot délky, pokud jsou kladnou hodnotou.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Podívejte se na toto pero!

Mějte na paměti, když se předpokládá, že min-widthse dědí, protože tato vlastnost nedědí z jiných nadřazených prvků. Pokud autoři definují šířku pomocí absolutní hodnoty (px, pt, in, cm, mm), minimální šířka nebude mít vliv, protože šířka byla definována na neurčito. Pokud je například jako widthdélka použita hodnota 200 pixelů , nebude vaše min-widthhodnota 100 pixelů nutná, protože jste již zadali absolutní hodnotu width(tj. 200 pixelů). Nejlepší způsob, jak použít, min-widthje definovat widthhodnotu jako procento a použít absolutní hodnotu pro min-widthvlastnost, jinak použít procentní hodnotu pro oba min-widtha widthnepřinese očekávaný výsledek.

Podpora prohlížeče

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

Související vlastnosti

Almanach 15. ledna 2021

výška

.element ( height: 500px; ) Sara Cope