Aligner un div au centre

Question

Je veux mettre un div à centrer si c'est possible. text-align: center ne fonctionne pas dans IE ...

Answer 1

Il n'y a pas de flotteur au centre en soi. Si vous souhaitez centrer un élément de bloc dans un autre, procédez comme suit:

 <div id="outer">
  <div id="inner">Stuff to center</div>
</div>
 

avec:

 #outer { width: 600px; }
#inner { width: 250px; margin: 0 auto; }
 

Maintenant, cela ne fera pas que le texte s'enroule autour (comme avec un flottant à gauche ou à droite) mais comme je l'ai dit: il n'y a pas de centre de flottement.

Answer 2

Cela a toujours fonctionné pour moi.

Si vous définissez une largeur fixe pour votre DIV et le DOCTYPE approprié, essayez ceci.

 div {        
  margin-left:auto;
  margin-right:auto;
}
 

J'espère que cela t'aides.

Answer 3

La technique habituelle pour cela est margin:auto

Cependant, le vieil IE ne dit pas cela, donc on ajoute généralement text-align: center à un élément contenant externe. Vous ne penseriez pas que cela fonctionnerait, mais les mêmes IE qui ignorent auto appliquent également incorrectement le centre d'alignement du texte pour bloquer les éléments internes de niveau afin que les choses fonctionnent.

Et cela ne fait pas réellement un float.

Answer 4

divs flottants au centre "fonctionne" avec la combinaison de display: inline-block et text-align: center.

Essayez de changer la largeur de la div externe en redimensionnant la fenêtre de ce jsfiddle

 <div class="outer">
    <div class="block">one</div>
    <div class="block">two</div>
    <div class="block">three</div>
    <div class="block">four</div>
    <div class="block">five</div>
</div>
 

et le css:

 .outer {
    text-align:center;
    width: 50%;
    background-color:lightgray;
}

.block {
    width: 50px;
    height: 50px;
    border: 1px solid lime;
    display: inline-block;
    margin: .2rem;
    background-color: white;
}
 

Answer 5

... il est possible div pour centrer ...

center div verticalement dans un% height div?

http://jsfiddle.net/sanecin/78wvJ/

...