Max-laius - CSS-trikid

Anonim

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

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

Olge tähelepanelik, kui oletada, et see max-widthon päritud, kuna see omadus ei päri teistelt vanemelemendidelt. Kui widthväärtus 300px on määratletud väärtusega max-width600px, widthalistab max-widthalgväärtus alati 600px väärtuse.

Brauseri tugi

IE Edge Firefox Chrome Safari Ooper
7+ Kõik Kõik Kõik Kõik Kõik
Android Chrome Android Firefox Androidi brauser iOS-i Safari Opera Mobile
Kõik Kõik Kõik Kõik Kõik
Allikas: caniuse

Seotud omadused

Almanahh 15. jaanuaril 2021

kõrgus

.element ( height: 500px; ) Sara Cope