2010-11-20 29 views
0

J'ai un div et 5 divs dedans.Ajuster divs dans div

<div style="width: 1000px"> 
<div style="float: left; width: 50px;"></div> 
<div style="float: left; width: 50px;"></div> 
<div style="float: left; width: 50px;"></div> 
<div style="float: left; width: 50px;"></div> 
<div style="clear: both;"></div> 
</div> 

Maintenant, je veux ajuster les divisions internes vers la droite.

+0

"Ajuster vers la droite" comme dans le flotteur: droite? – JJJ

+0

float: droit à tous va résoudre le problème je suppose ... – Vishwanath

Répondre

1

Essayez de donner le parent div un padding-left, comme tel:

<div style="width: 1000px;padding-left:100px"> 
<div style="float: left; width: 50px;"></div> 

Ou vous pouvez positionner chaque élément par leur propre, avec une marge gauche:

<div style="width: 1000px;"> 
<div style="float: left; width: 50px;margin-left:100px"></div> 

Quelques ressources:

http://www.w3schools.com/css/css_margin.asp 
http://www.w3schools.com/css/css_padding.asp 
+0

Y at-il un moyen de les ajuster de façon dynamique? Parce que le nombre de divs internes n'est pas statique. – rakete

+0

@elairoo Comment voulez-vous dire? Si le remplissage est appliqué à la div parente, il y aura toujours un espace statique entre le parent et le/les enfant (Tout comme il y a un petit espace entre les caractères que j'écris maintenant et la boîte dans laquelle j'écris). Si vous appliquiez la marge, l'espacement serait dynamique (tout comme il y a de l'espace entre les mots ici, l'espace serait relatif à l'enfant). –

+0

La meilleure façon d'y parvenir, quelle que soit la méthode choisie, est d'appliquer un _italic_class_italic_ à vos éléments internes, puis de simplement styler la classe (comme ceci: # some-div .someClass {// style}, si vous affectez vos divs internes à la .someClass, puis le style sera cohérent dans toutes vos divs internes) –

1

Donnez le div padding-left: 50px un parent quelle que soit la taille souhaitée.

Si vous voulez les centrer, placez-les dans un autre div, et centrez ce div à l'intérieur du parent d'origine.