Presne vycentrovať obraz / div horizontálne a vertikálne Triky CSS

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

Negatívne okraje sú presne polovica výšky a šírky, ktoré ťahajú prvok späť do dokonalého stredu. Funguje iba s prvkami pevnej výšky / šírky.