Min-laius - CSS-trikid

Anonim

min-widthVara CSS kasutatakse, et määrata minimaalne laius on määratud element. min-widthVara alati alistab widthvara kas millele enne või pärast widthoma deklaratsiooni. Autorid võivad kasutada mis tahes pikkuse väärtusi, kui need on positiivsed.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Vaadake seda pliiatsit!

Olge tähelepanelik, kui oletada, et see min-widthon päritud, kuna see omadus ei päri teistelt vanemelemendidelt. Kui autorid määravad laiuse absoluutväärtuse (px, pt, in, cm, mm) abil, siis min-laius ei mõjuta, kuna laius on määratletud lõputult. Näiteks kui widthpikkusena kasutatakse min-widthväärtust 200 pikslit, pole teie väärtus 100 pikslit vajalik, kuna olete juba väärtuse width(st 200 pikslit) absoluutväärtuse määranud . Parim viis kasutada min-widthon määratleda widthväärtus protsendina ja kasutada vara absoluutväärtust, min-widthvastasel juhul kasutatakse mõlema jaoks protsendiväärtust min-widthja widthsee ei anna oodatud tulemust.

Brauseri tugi

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

Seotud omadused

Almanahh 15. jaanuaril 2021

kõrgus

.element ( height: 500px; ) Sara Cope