Min pločio - CSS-gudrybės

Anonim

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

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Patikrinkite šį rašiklį!

Būkite atsargūs, kai manote, kad min-widthpaveldima, nes ši savybė nepaveldima iš kitų tėvų elementų. Jei autoriai apibrėžia plotį naudodami absoliučią vertę (px, pt, in, cm, mm), min-plotis neturės įtakos, nes plotis buvo apibrėžtas neribotą laiką. Pavyzdžiui, jei 200px reikšmė naudojama kaip widthilgis, min-width100px reikšmė nebus būtina, nes jau nurodėte absoliučią reikšmę width(ty 200px). Geriausias būdas naudoti min-widthapibrėžti widthvertę procentais ir naudoti absoliučią min-widthnuosavybės vertę, kitaip naudojant abiejų procentinę vertę min-widthir widthneduos laukiamo rezultato.

Naršyklės palaikymas

„Chrome“ „Safari“ „Firefox“ Opera T.Y „Android“ „iOS“
24+ 5.1+ 18+ 12.1+ 8+ 2.1+ 3.2+

Susijusios savybės

Almanachas 2021 m. Sausio 15 d

ūgio

.element ( height: 500px; ) Sara Cope