Question

我需要将id =“center_dv”的div放在div的中心，id =“wrapper_dv”，并将div wrapper_dv放在body的中心。我该怎么办？

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

Answer 1

最常见的方法是给div一个width，并使用margin-left和margin-right: auto

如果您的div通常有上边距和下边距为0，那么它可以是

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

（给予边距1长度意味着将其应用于所有4个边，顶部，底部，左侧和右侧。给予边距2长度意味着将第一长度应用于顶部和底部，将第二长度应用于左侧和右侧。）