Question

用CSS怎样使DIV相对整个页面居中

Answer 1

请问是水平居中，还是水平垂直都居中。如果是水平居中，那就是margin:0 auto;如果是水平垂直居中，那就是用负变距。position:absolute;top:50%;left:50%;margin:这是div块高度的一半（加个负号） 0 0 这是div块宽度的一半 （加个负号）

麻烦采纳，谢谢!

Answer 2

style="position:absolute;left:50%;transform:translateX(-50%);top:50%;transform:translateY(-50%)"就可以了。这个只是一种居中的方法，还有好几种。

Answer 3

给div绝对定位，top和left值为50%，margin-top为负的高度的一半，margin-left为负的宽度的一半

Answer 4

<style>
#wrap{
    position:fixed;
    top:50%;
    left:0;
    width:100%;
}
#cen{
    position:relative;
    height:200px;
    top:-100px;
    width:300px;
    margin:0px auto;
}
</style>
<div id="wrap">
    <div id="cen"></div>
</div>