Max-kõrgus - CSS-trikid

Anonim

max-heightVara CSS kasutatakse, et määrata maksimaalne kõrgus on määratud element. Autorid võivad kasutada mis tahes pikkuse väärtusi, kui need on positiivsed. max-heightalistab kõrguse, kuid min-heightalistab alati 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; )
Vaadake seda pliiatsit!

Protsent arvutatakse sisaldava ploki kõrguse suhtes. Kui sisaldava ploki kõrgus pole selgesõnaliselt määratletud, käsitletakse protsentväärtust olematuna. max-heightVara kohaldatakse kõikide elementide va mitte-asendatud inline elemente, Tabeliveerud ja veergude gruppe (st colgroup, col).

Brauseri tugi

IE Edge Firefox Chrome Safari Ooper
Kõik Kõik Kõik Kõik Kõik Kõik
Android Chrome Android Firefox Androidi brauser iOS-i Safari Opera Mobile
Kõik Kõik Kõik Kõik Kõik
Allikas: caniuse

Seotud omadused

Almanahh 15. jaanuaril 2021

kõrgus

.element ( height: 500px; ) Sara Cope