Zentrieren Sie ein Bild / Div genau horizontal und vertikal CSS-Tricks

Anonim
.center ( width: 300px; height: 300px; position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -150px; )

Negative Ränder sind genau die Hälfte der Höhe und Breite, wodurch das Element wieder in die perfekte Mitte gezogen wird. Funktioniert nur mit Elementen mit fester Höhe / Breite.