Max-aukštis - CSS-gudrybės

Anonim

max-heightCSS turtas naudojamas nustatyti maksimalų aukštį su konkretaus elemento. Autoriai gali naudoti bet kurią iš ilgio reikšmių, jei jos yra teigiamos. max-heightviršija aukštį, bet min-heightvisada nepaiso max-height.

.wrapper ( height: 100%; /* full height of the content box */ max-height: 20em; /* requires an absolute value for height. */ ) .wrapper ( height: 50px; max-height: 20px; /* Will be AT MOST 20px tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )
Patikrinkite šį rašiklį!

Procentai apskaičiuojami atsižvelgiant į bloką turinčio bloko aukštį. Jei blokinio elemento aukštis nėra aiškiai nurodytas, procentinė vertė laikoma jokia. max-heightTurtas bus taikomos visiems elementams, išskyrus ne pakeisti inline elementų, lentelės stulpelių ir stulpelių grupių (ty colgroup, col).

Naršyklės palaikymas

T.Y Briauna „Firefox“ „Chrome“ „Safari“ Opera
Viskas 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