Meilleure façon de centrer une <div> sur une page verticalement et horizontalement ?

Question

Meilleure façon de centrer un <div> sur une page à la fois verticalement et horizontalement ?

Je sais que margin-left: auto; margin-right: auto; sera centré sur l'horizontale, mais quelle est la meilleure façon de le faire verticalement aussi ?

Answer 1

Celui-ci semble offrir la solution la plus simple et la plus complète : MicroTut : Centrer un Div à la fois horizontalement et verticalement par Martin Angelov

Answer 2

margin: 0 auto;

Il est égal à

margin:0 auto 0

Cela signifie que les marges supérieure et inférieure sont égales à 0 et que les marges gauche et droite sont égales à auto, ce qui placera votre div au centre de l'écran.

Code CSS

.center
{
    width: 60%;
    margin: 0 auto;
}

Code HTML

<div class="center">
</div>

Plus d'exemples... Div au centre de la page

Tomin