Comment centrer div

Je veux définir un alignement de div externe. Il y a un div interne que float est réglé à gauche. Centre Donc, div extérieure n'est pas aligné mon css intérieur div est:Comment centrer div

.inner { 
    float:left; 
    margin:10px; 
    border:1px solid #898989; 
    padding:4px; 
    width:200px; 
    background-color:#f2f2f2; 
}

Source

2011-03-29 Deepa

Vous devez montrer du code afin que les autres puissent vous aider –

Content de l'avoir fait remarquer, rsplak. Sinon, je lui aurais donné la solution tout de suite ... – carlsb3rg

Certaines personnes n'apprécient tout simplement pas les communautés en ligne. Je ne parviens généralement pas à y prêter attention avant de répondre. Merci d'avoir signalé cela, rsplak. Je vais commencer à regarder ça plus souvent. – Sebolains

pourquoi la div intérieure flottait, si ce n'est pas nécessaire de centrer juste la div intérieure?

.inner { 
    margin:10px auto; 
    border:1px solid #898989; 
    padding:4px; 
    width:200px; 
    background-color:#f2f2f2; 
}

OU si intérieure est donc flottaient il contient d'autres flotteurs .. alors vous pourriez ajouter à débordement caché qu'il

.inner { 
    overflow: hidden; 
    margin:10px auto; 
    border:1px solid #898989; 
    padding:4px; 
    width:200px; 
    background-color:#f2f2f2; 
}

ou vous pourriez faire interne dans un bloc- en ligne et l'envelopper dans un div avec text-align: center;

<div class="outer"> 
<div class="inner"><span>float</span>the inner text</div> 
<div class="inner"><span>float</span>the inner text</div> 
<div class="inner"><span>float</span>the inner text</div> 
<div> 

.inner { 
    display: inline-block; 
    margin:10px; 
    border:1px solid #898989; 
    padding:4px; 
    width:200px; 
    background-color:#f2f2f2; 
} 

.inner {display: inline !ie7;} 

span {float: left; width: 50px; height: 50px; background: #ffe;} 

.outer {text-align: center;}

Source

2011-03-29 12:28:38 clairesuzy

j'ai flotté div intérieure si je ne flotter div intérieure que cela prend une pause et j'ai besoin de formats div comme des cellules – Deepa

alors faites la dernière option, et mettez tous vos "côte à côte" ou "cellules" divs à l'intérieur de la div externe .. donnez-leur tous une classe de – clairesuzy

intérieur J'ai mis à jour le dernier code d'option avec une solution de contournement IE7 et montrant plusieurs cellules dans le div externe – clairesuzy

Sans plus de détails dans votre question tout ce que je peux suggérer est

<div style='margin: 0px auto;'>Blah</div>

Mais il ne dépend plutôt de ce que vous avez passe.

Source

2011-03-29 12:01:09 Codecraft

pas ce code n'est pas aligner centre div – Deepa

Le plus simple est de définir les marges horizontales auto:

<div style="margin-left: auto; margin-right: auto;">Content</div>

Mais il dépend de son flotteur attribut aussi bien. Comme je ne sais pas ce que vous avez d'autre sur votre site, je ne peux que vous recommander d'essayer différents attributs flottants (gauche, droite, aucun).

Bonne chance! :)

Source

2011-03-29 12:06:26 Sebolains

essayer:

<div align="center" style="clear:left"> 
... 
</div>

Source

2011-03-29 12:07:20

C'est la méthode la plus simple:

vous définissez une Pourvu largeur fixe, et le DOCTYPE bien sûr, essayez ce

Margin-left:auto; 
    Margin-right:auto;

Hope it helps.

Source

2012-11-06 08:58:07

Comment centrer div

Répondre

Questions connexes