Min bredde - CSS-tricks

Anonim

Den min-widthejendom i CSS bruges til at indstille den mindste bredde af en bestemt element. Den min-widthegenskab altid tilsidesætter widthejendom også efterfulgt før eller efter widthi din erklæring. Forfattere kan bruge en hvilken som helst af længdeværdierne, så længe de er en positiv værdi.

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

Vær opmærksom, når man antager min-width, at den arves, da denne ejendom ikke arver fra andre overordnede elementer. Hvis forfattere definerer en bredde ved hjælp af en absolut værdi (px, pt, i, cm, mm), påvirker minbredden ikke, da bredden er defineret på ubestemt tid. For eksempel, hvis en værdi på 200 pixel bruges som en widthlængde, er din min-widthværdi på 100 pix ikke nødvendig, da du allerede har angivet en absolut værdi for width(dvs. 200 pixel). Den bedste måde at bruge min-widther at definere en widthværdi som en procentdel og bruge en absolut værdi for min-widthejendommen ellers ved hjælp af en procentværdi for begge min-widthog widthproducerer ikke det forventede resultat.

Browsersupport

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

Relaterede egenskaber

Almanak den 15. januar 2021

højde

.element ( height: 500px; ) Sara Cope