如何让一个DIV 居中在网页的中心。？？？
展开全部
层垂直居中于浏览器，一直是新手朋友比较头疼的问题。
其实解决的思路是这样的：首们需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。
如：一个层宽度是400，高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为－150。margin-left的值为－200。这样我们就实现了层垂直居中于浏览器的样式编写。
div {
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -200px;
width:400px;
height:300px;
border:1px solid #008800;
}
其实解决的思路是这样的：首们需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。
如：一个层宽度是400，高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为－150。margin-left的值为－200。这样我们就实现了层垂直居中于浏览器的样式编写。
div {
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -200px;
width:400px;
height:300px;
border:1px solid #008800;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
左右居中，一般是这样写：<div style="height:900px; margin:0 auto">我是DIV</div>
上下居中的话，就要写JS了
如果你要自适应高宽的话，还是得JS才行咯，四川邦办科技网站上好像有这个的介绍
上下居中的话，就要写JS了
如果你要自适应高宽的话，还是得JS才行咯，四川邦办科技网站上好像有这个的介绍
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一、
<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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
- - align 和 valign 部分浏览器不支持valign 用vertical-align
具体要问问小美 不是专业web美工
具体要问问小美 不是专业web美工
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style='left:50%;top:50%;'></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
