Min platums - CSS-triki

Anonim

min-widthĪpašums CSS tiek izmantots, lai iestatītu minimālo platumu no norādītā elementa. min-widthĪpašums vienmēr ir svarīgāks par widthīpašumu, vai kam 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%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Pārbaudiet šo pildspalvu!

Esiet uzmanīgs, pieņemot, ka tas min-widthtiek mantots, jo šis īpašums netiek mantots no citiem vecāku elementiem. Ja autori nosaka platumu, izmantojot absolūto vērtību (px, pt, in, cm, mm), min-platums neietekmēs, jo platums ir noteikts uz nenoteiktu laiku. Piemēram, ja kā widthgarumu tiek izmantota min-width200 pikseļu vērtība, 100 pikseļu vērtība nebūs nepieciešama, jo jūs jau esat norādījis absolūto vērtību width(ti, 200 pikseļi). Labākais izmantošanas veids min-widthir definēt widthvērtību procentos un izmantot min-widthīpašuma absolūto vērtību, pretējā gadījumā abiem izmantojot procentuālo vērtību, min-widthun widthtas nedos gaidīto rezultātu.

Pārlūkprogrammas atbalsts

Chrome Safari Firefox Opera IE Android iOS
24+ 5.1+ 18+ 12.1+ 8+ 2.1+ 3.2+

Saistītās īpašības

Almanahs 2021. gada 15. janvārī

augstums

.element ( height: 500px; ) Sara Cope