怎么样可以让网页DIV根据电脑分辨率垂直居中

2025-01-03 16:31:59
推荐回答(5个)
回答1:

如:一个div宽度是400,高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为-150。margin-left的值为-200。这样我们就实现了div垂直居中于浏览器的样式编写
div {
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -200px;
width:400px;
height:300px;
border:1px solid red;
}

回答2:

直接给最外层的div加样式
margin:auto 0;

回答3:

如果div宽度是1000px
div{
width:1000px;
position:absolute;
left:50%;
margin-left:-500px;
}

回答4:

margin:0px auto;

回答5:

magrin:auto