Autor Zpráva
story
Profil
Zdravím,

Je možné vycentrovat vertikálně div o neznámé výšce, ale jen v případě, že jeho obsah nepřesahuje "viditelnou" plochu?

Pro vycentrování divu používám
div {position: absolute; top: 50%; transform: translateY(-50%);}

Živá ukázka při dostatečně úzkém okně se obsah dostane nahoře za hranu.

Chci dosáhnout toho, že div bude vycentrovaný jen na dostatečném vysokém viewportu. Má můj problém nějaké řešení?
Keeehi
Profil
Vertical Centering in CSS
story
Profil
Díky, display: flex neznám, nastuduji.
juriad
Profil
Nedávno jsem rešil něco podobného a nakonec jsem musel použít JS.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: