Min bredde - CSS-triks

Anonim

Den min-widthegenskap i CSS brukes til å stille inn den minste bredde av et angitt element. Den min-widthEiendommen overstyrer alltid widtheiendom enten følges før eller etter widthi erklæringen. Forfattere kan bruke hvilken som helst av lengdeverdiene så lenge de er en positiv verdi.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Sjekk ut denne pennen!

Vær oppmerksom når du antar at det min-widther arvet, da denne eiendommen ikke arver fra andre foreldreelementer. Hvis forfattere definerer en bredde ved hjelp av en absolutt verdi (px, pt, in, cm, mm), vil ikke min bredde påvirke ettersom bredden er definert på ubestemt tid. For eksempel, hvis en verdi på 200 px brukes som en widthlengde, min-widthvil ikke verdien på 100 px være nødvendig, da du allerede har angitt en absolutt verdi for width(dvs. 200 px). Den beste måten å bruke min-widther å definere en widthverdi som en prosentandel og bruke en absolutt verdi for min-widtheiendommen ellers bruker en prosentverdi for begge deler, min-widthog widthvil ikke gi det forventede resultatet.

Nettleserstøtte

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

Relaterte egenskaper

Almanakk 15. januar 2021

høyde

.element ( height: 500px; ) Sara Cope