Dokładnie wyśrodkuj obraz / element div w poziomie i w pionie - CSS-Tricks

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

Marginesy ujemne mają dokładnie połowę wysokości i szerokości, co powoduje powrót elementu do idealnego środka. Działa tylko z elementami o stałej wysokości / szerokości.