Centrování obsahu na střed obrazovky je běžným požadavkem při tvorbě webových stránek. K tomu lze použít CSS a jednoduchý kód, který umožní vycentrování divu na střed bez ohledu na velikost obrazovky. Zde je kód, který toho dosáhne:
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
Obsah divu
</div>
Jak tento kód funguje?
position: absolute; umožňuje přesné umístění divu.top: 50%; left: 50%; umisťuje div do středu obrazovky.transform: translate(-50%, -50%); posouvá div zpět o polovinu své šířky a výšky, čímž ho přesně vycentruje na střed.
Tento kód je velmi jednoduchý a efektivní způsob, jak vycentrovat obsah divu na střed obrazovky. Můžete ho použít pro různé typy obsahu, včetně textu, obrázků nebo jiných prvků, které chcete mít vycentrované a dobře vypadající na stránce.
