开发者

Div position centering

开发者 https://www.devze.com 2023-01-21 12:00 出处：网络

I have need to position div with id=\"center_dv\" on center of the div with id=\"wrapper_dv\" and to div wrapper_dv be on center of body. How can I do it ?

相关专题：css

I have need to position div with id="center_dv" on center of the div with id="wrapper_dv" and to div wrapper_dv be on center of body. How can I do it ?

 <body>
    <div id="wrapper_dv">
        <div id="center_dv">
            <p>some text<开发者_如何学编程/p>
        </div>
    </div>
 </body>

the most common way is to give the div a width, and to use margin-left and margin-right: auto

If your div is normally having top and bottom margin as 0, then it can be

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

(Giving margin 1 length means apply it to all 4 sides, top, bottom, left and right. Giving margin 2 lengths means apply the 1st length to top and bottom, and the 2nd length to left and right.)