2010-10-24 75 views
1

我需要将div的id =“center_dv”放在div的中心,id =“wrapper_dv”,并将div wrapper_dv放在body的中心。我该怎么做 ?Div中心位置

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

回答

1

最常见的方式就是给div一个width,并使用margin-leftmargin-right: auto

如果您div通常具有顶部和底部边距为0,那么就可以

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

(给边距1的长度意味着将其应用于所有4条边,上边,下边,左边和右边,给边距2的长度意味着将第一长度应用于顶部和底部,并且第二长度的左边和正确。)

+0

谢谢,这解决了我的问题! – Jane92 2010-10-24 00:39:50