web-dev-qa-db-fra.com

Comment puis-je flotter une div au centre?

Je veux pouvoir centrer une div au milieu d'une page mais je ne peux pas le faire fonctionner. J'ai essayé float: center; en css mais cela ne semble pas fonctionner.

htmlcssxhtml
18
Eli Reznekervitz

Il n'y a pas de float: center; en css. Utilisez la marge: 0 auto; au lieu. Alors comme ça: 

.mydivclass {
    margin: 0 auto;
 }
30
Drew Bartlett

Vous pouvez le faire en ligne comme ça

<div style="margin:0px auto"></div>

ou tu peux le faire en classe

<div class="x"><div>

dans votre fichier css ou entre <style></style> ajouter ce .x{margin:0px auto}

ou vous pouvez simplement utiliser la balise center

  <center>
    <div></div>
  </center>

ou si vous utilisez la position absolue, vous pouvez faire

.x{
   width: 140px;
   position: absolute;
   top: 0px;
   left: 50%;
   margin-left: -70px; /*half the size of width*/
}
14
Hussein

Essayez margin: 0 auto, le div aura besoin d'un fixe avec.

6
Elbert Alias

si vous utilisez width et height, vous devriez essayer margin-right: 45%;... il fonctionne à 100% pour moi .. afin que je puisse l'emporter n'importe où avec un pourcentage!

3
Stanley Amos

Attribuez à la DIV une valeur spécifique en pourcentage ou en pixels et centrez-la à l'aide de la propriété de marge CSS.

HTML

<div id="my-main-div"></div>

CSS

#my-main-div { margin: 0 auto; }

prendre plaisir :)

1
iAnuj

Si pour une raison quelconque vous avez une position absolue sur la div, procédez comme suit:

<div class="something"></div>

.something {
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}
0
SimeriaIonut

Solution simple:

<style>
.center {
    margin: auto;

}
</style>

<div class="center">
    <p> somthing goes here </p>
</div>

Essayer en ligne

0
Indra