2010-10-24 4 views
1

J'ai besoin de positionner div avec id = "center_dv" au centre de la div avec id = "wrapper_dv" et de div wrapper_dv être au centre du corps. Comment puis-je le faire ?Centrage de position Div

<body> 
    <div id="wrapper_dv"> 
     <div id="center_dv"> 
      <p>some text</p> 
     </div> 
    </div> 
</body> 

Répondre

1

la façon la plus commune est de donner au div un width et d'utiliser margin-left et margin-right: auto

Si votre div est d'avoir normalement marge supérieure et inférieure à 0, alors il peut être

#center_dv { width: 300px; margin: 0 auto } 
#wrapper_dv { width: 600px; margin: 0 auto } 

(Donner une marge de 1 signifie que l'on applique sur les 4 côtés, en haut, en bas, à gauche et à droite Donner une marge de 2 longueurs signifie appliquer la 1ère longueur en haut et en bas et la 2ème longueur à gauche et à droite.)

+0

Merci, cela a résolu mon problème! – Jane92