Мин-ширина - ЦСС-трикови

Anonim

min-widthНекретнина у ЦСС се користи за подешавање ширину минималну једног одредјеног елемента. min-widthИмовина увек замењује widthимовину било праћено пре или после widthу својој декларацији. Аутори могу да користе било коју од вредности дужине уколико су позитивне.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Погледајте ову оловку!

Имајте на уму када претпоставите да min-widthје наслеђено јер ово својство не наслеђује остале родитељске елементе. Ако аутори дефинишу ширину помоћу апсолутне вредности (пк, пт, ин, цм, мм), минимална ширина неће утицати јер је ширина дефинисана на неодређено време. На пример, ако се као widthдужина користи min-widthвредност од 200 пиксела , вредност од 100 пиксела неће бити потребна, јер сте већ навели апсолутну вредност за width(тј. 200 пиксела). Најбољи начин да се користи min-widthје дефинисање widthвредности у процентима и употреба апсолутне вредности за min-widthсвојство, у супротном употреба процентуалне вредности за обе min-widthи widthнеће дати очекивани резултат.

Подршка прегледача

Хром Сафари Фирефок Опера ИЕ Андроид иОС
24+ 5.1+ 18+ 12.1+ 8+ 2.1+ 3.2+

Повезана својства

Алманах 15. јануара 2021

висина

.element ( height: 500px; ) Сара Цопе