Max-augstums - CSS-triki

Anonim

max-heightĪpašums CSS tiek izmantota, lai noteiktu maksimālo augstumu no norādītā elementa. Autori var izmantot jebkuru no garuma vērtībām, ja vien tie ir pozitīvi. max-heightignorē augstumu, bet min-heightvienmēr ignorē 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; )
Pārbaudiet šo pildspalvu!

Procentuālo daļu aprēķina, ņemot vērā bloka augstumu. Ja saturošā bloka augstums nav skaidri norādīts, procentuālo vērtību uzskata par tādu, kas nav. max-heightĪpašums attieksies uz visiem elementiem, izņemot kas nav jāaizstāj inline elementiem, galda kolonnas un kolonnu grupām (ti colgroup, col).

Pārlūkprogrammas atbalsts

IE Mala Firefox Chrome Safari Opera
Viss Viss Viss Viss Viss Viss
Android Chrome Android Firefox Android pārlūks iOS Safari Opera Mobile
Viss Viss Viss Viss Viss
Avots: caniuse

Saistītās īpašības

Almanahs 2021. gada 15. janvārī

augstums

.element ( height: 500px; ) Sara Cope