如何让DIV层在网页中居中显示
发布网友
发布时间：2022-04-25 22:03
共3个回答
热心网友
时间：2022-05-12 21:59
实现层中的内容固定在页面的位置。
Position 属性，包括 全屏、
左上角、上居中、右上角、
左居中、居中（默认）、右居中、
左下角、下居中、右下角等10个位置。
X 属性，可根据 Position 属性进行相对水平偏移设置。（默认0）
Y 属性，可根据 Position 属性进行相对垂直偏移设置。（默认0）
热心网友
时间：2022-05-12 23:17
一、
<style>
#div1 {
position: absolute;
width:100px;
height:50px;
left:50%;
top:50%;
margin-left:-50px;
margin-top:-25px;
}
</style>
<body>
<div id="div1"></div>
</body>
二、
<script>
function set_div2(obj){
with(obj.style) {
left = document.body.offsetWidth-parseInt(width);
top = 0;
}
</script>
<body>
<div id="div2" onload="set_div2(this)"></div>
</body>
热心网友
时间：2022-05-13 00:52
<html>
<head>
<style>
html,body{height:100%;
margin:0;
padding:0;
overflow:hidden;
background-color:#F00;}
.d2{width:200px;
height:200px;
position:absolute;
top:50%;
left:50%;
z-index:1;/*background-color:#FF0;*/}
.d3{background-color:#06C;
width:200px;
height:200px;
position:relative;
top:-50%;
left:-50%;}
</style>
</head>
<body>
<div
class="d2">
<div
class="d3">this</div>
</div>
</body></html>
