Maks. plotis - CSS-gudrybės

Anonim

max-widthCSS turtas naudojamas nustatyti maksimalų plotį su konkretaus elemento. max-widthNuosavybė yra viršesnis už widthturtą, bet min-widthvisada nepaisyti max-width, ar po prieš arba po widthsavo deklaraciją. Autoriai gali naudoti bet kurią iš ilgio reikšmių, jei jos yra teigiamos.

.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 */ )
Patikrinkite šį rašiklį!

Būkite atsargūs, kai manote, kad max-widthpaveldima, nes ši savybė nepaveldima iš kitų tėvų elementų. Jei a widthiš 300 max-widthtaškų buvo nustatytas su 600 taškų, pradinė widthreikšmė visada pakeis max-width600 taškų reikšmę.

Naršyklės palaikymas

T.Y Briauna „Firefox“ „Chrome“ „Safari“ Opera
7+ Viskas Viskas Viskas Viskas Viskas
„Android Chrome“ „Android Firefox“ „Android“ naršyklė „iOS Safari“ „Opera Mobile“
Viskas Viskas Viskas Viskas Viskas
Šaltinis: caniuse

Susijusios savybės

Almanachas 2021 m. Sausio 15 d

ūgio

.element ( height: 500px; ) Sara Cope