2010-10-24 113 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