Max platums - CSS-triki

Anonim

max-widthĪpašums CSS tiek izmantota, lai noteiktu maksimālo platumu no norādītā elementa. max-widthĪpašums ignorēšanas widthīpašumu, bet min-widthvienmēr ignorēt max-widthvai seko pirms vai pēc widthjūsu deklarācijā. Autori var izmantot jebkuru no garuma vērtībām, ja vien tie ir pozitīvi.

.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 */ )
Pārbaudiet šo pildspalvu!

Esiet uzmanīgs, pieņemot, ka tas max-widthtiek mantots, jo šis īpašums netiek mantots no citiem vecāku elementiem. Ja widthir noteikts max-width300 pikseļu widthlielums ar 600 pikseļiem, sākotnējā vērtība vienmēr ignorēs max-width600 pikseļu vērtību.

Pārlūkprogrammas atbalsts

IE Mala Firefox Chrome Safari Opera
7+ Viss Viss Viss Viss Viss
Android Chrome Android Firefox Android pārlūks iOS Safari Opera Mobile
Viss Viss Viss Viss Viss
Avots: caniuse

Saistītās īpašības

Almanahs 2021. gada 15. janvārī

augstums

.element ( height: 500px; ) Sara Cope